Custom Favicon

Lenoisy

Hello! I am new to the discussion boards! Nice to meet you all!

I was wondering if it's possible to set a custom favicon for my campaign, and if so how. I can't seem to figure it out.

Thanks!

ragnarhawk

I think that this will do the job for you:


.become-a-fan-button .icon-card-hearts {display:none}
.become-a-fan-button .text::before {
content: "";
position: relative;
background: url("https://www.svgrepo.com/show/489175/thumb-up.svg")
no-repeat 0% 0;
background-size: 20px 20px;
padding-left: 40px;
}

The first selector hides the existing icon.

The second adds a new image (use the URL for whatever image you want)

Onirim

I think it's not about the favorite icon, but the favicon displayed by the browser.

I know only two way to do this: first putting a favicon.ico in the website root and the browser will try to find it. The second way (and best way) is to add the favicon link in the HTML header.

Sadly, the CSS cannot help us with favicon and we cannot store an image in the root directory, so... I think it's not possible. I see not favicon in Obsidian Portal campaign sites, even in the most modified one. :(