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.
 

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.