XF 1.x [FA+] How to use SVG format for logo?

chojo

Registered
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

Pixel Exit Staff
Can you try this in your extra.css:

Code:
.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

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

Russ

Pixel Exit Staff
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:

Code:
#logoBlock img
{
   height: @headerLogoHeight;
   max-height: none;
}
Essentially it just needs a height or width set on it to load correctly.
 

chojo

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

Code:
#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.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.