SVG as logo

Hi, I am trying to use an SVG for my site logo and it is not loading. I have the SVG upoload plugin active. I have also tryied using an SVG as an icon on a button and is not working either.
how can i fix it?

Hello,

To fix this problem, you need to open your SVG logo file with some editor like Sublime Text or the default system text editor and add height and width attributes to your

Make sure that the value is set without % or using px. For example 100 or 100px Then you will need to re-upload your logo in Header Builder.

Best Regards

In the past I know there was a CSS code I would write on the theme settings that fixed the issue, rather than having to fix the size of my SVG file, which defeats the porpoise of using an SVG file in the first place.
Do you know any other way, but fixing the size? cheers

[Aizaz Imtiaz Awan]

Hello,

Please, try to open your SVG icons file with some editor like Sublime Text or default system text editor and add e.g width=”200″ height=”80″ attributes to your svg tag, 120 and 120 are as example, you can insert the sizes as per your needs.

Best Regards.

• This reply was modified 1 year, 10 months ago by Aizaz Imtiaz Awan.

But if I insert the sizes in the SCV file and then I want to use it in different sizes across the website, it defeats the porpoise of using an SVG instead of a PNG, GIF, JPG, etc… The main characteristic of a SVG is that it can be resized without losing quality. Isnt there a custom CSS code to fix this issue and not asign a specific size value to the SVG itself but to the class that will hold it in each part of the site I will use it?

Hello,

Please share the wp logins details i will check and give you a possible solution.

Best Regards.

[Author]

Posts