[FA+] How to use SVG format for logo?

[chojo]

All in the title, I would like to use SVG format for my logo, how can I achieve that?

I have tried to put a direct path to my svg file, but it wont work.

Thank you in advance for your time.

 

[Russ]

Can you try this in your extra.css:

.XenBase #logo span {
  background: url(@imagePath/xenforo/logo.svg) no-repeat center center;
  display: block;
  height: 70px;
}
.XenBase #logo img { display: none; }

See if that works for you... I'll look into why it's not loading by placing the value.

 

[Russ]

Can you add that code back in so I can take a look.

 

[chojo]

Can you add that code back in so I can take a look.

The code was added on my site.

Let me know when I can revert the change

 

[Russ]

Alright you can change it back, I'll investigate it a little further today and get back to you.

 

[chojo]

Alright you can change it back, I'll investigate it a little further today and get back to you.

Thank you pal.

For your info, I have successfully added my SVG logo in the footer area.

 

[chojo]

Hi @Russ,
Any news on this?

Thank you

 

[Russ]

Hi @Russ,
Any news on this?

Thank you

So set the path on the header logo to your SVG, then add this into your extra.css:

#logoBlock img
{
   height: @headerLogoHeight;
   max-height: none;
}

Essentially it just needs a height or width set on it to load correctly.

 

[chojo]

So set the path on the header logo to your SVG, then add this into your extra.css:

#logoBlock img
{
   height: @headerLogoHeight;
   max-height: none;
}

Essentially it just needs a height or width set on it to load correctly.

Bingo!
This thread is now resolved. Thank you Russ.