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


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.


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


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