How to use SVG as a logo

Reiji

Hi,

I am uploading SVG for my logo, but it does not show up. Can you give us any tip on how to replace the theme logo for an SVG? This is important because I need to be able to change the color of my logo depending on the page.

Pablo

Hello,

Did you applied the "SVG Logo Width" in Theme Options > Global > Logo when your logo was uploaded?

It's really necessary.

Also, if this won't help you, please send us a link to your website.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Reiji

I applied it. In the end I managed to show the SVG logo, but the problem is that it is shown as an image, and not as an object. How can I change the way the logo is loaded?

The site is proxy.do but that won't really help you.

Pablo

You uploaded your logo as .png, not .svg

Please remove the .png logo from your theme options and upload only the svg logo.

Also, do you use some plugin to enable the .svg extension?

By the default the .svg is disabled by wordpress.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Reiji

Hi Pablo, did you read what I wrote?

I got the SVG to show up, but it is being treated as an image (as in <img src="logo.svg">) instead of an object (as in <svg></svg>), and I need it in the object format to manipulate the logo.

How can I do it? I have a child theme.

Pablo

It will be used as a <img> because it's made to be treated like that.

It's better for SEO and loads faster - which is the most important for us while our theme has a lot of functions.

To change that, you would have to edit the BeTheme files - which unfortunately, we do not provide help with.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Reiji

Thanks for your answer Pablo.