BlueOwlCreative » Topic: SVG Logo

SVG Logo

mcs247 — Wed, 12 Jan 2022 12:28:23 +0000

We have utilised svg’s for other areas of the site – obviously we want our logo to be svg so it’s nice and crisp, but uploading using the theme options / header section doesn’t seem to work?

Reply To: SVG Logo

BlueOwl — Fri, 21 Jan 2022 12:47:46 +0000

Hi there,

Sorry for the late reply, let me see your URL with user/pass in a private reply…
Are you using an SVG plugin?
Thanks!

Reply To: SVG Logo

mcs247 — Fri, 21 Jan 2022 14:15:05 +0000

This reply has been marked as private.

Reply To: SVG Logo

BlueOwl — Mon, 24 Jan 2022 15:30:30 +0000

So you should be able to upload the SVG via the regular Media section in the Admin, then from Theme Options just choose the correct file (from Media tab).
Then you can set your logo size (only if needed, depending on whether the sizes are defined within the actual SVG) as SVGs would require some additional CSS rules for your logo width/height, for example:

#logo img {
    width: auto;
    height: 100%;
}

Reply To: SVG Logo

mcs247 — Wed, 26 Jan 2022 11:52:48 +0000

Thanks!

The below worked for both logo types as we want it:

#logo img {
    width: auto;
    height: 70%;
}

#transparent_logo {
    width: auto;
    height: 100%;
}