Home › Forums › WoodMart support forum › SVG as logo

SVG as logo

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 16, 2023 at 5:34 am #504321

    florencia-0349
    Participant

    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?

    October 16, 2023 at 12:24 pm #504399

    Aizaz Imtiaz Awan
    Keymaster

    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 tag like it is shown on the screenshot (https://prnt.sc/N-wyqYgD3npT)

    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

    October 16, 2023 at 10:37 pm #504581

    florencia-0349
    Participant

    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

    October 17, 2023 at 9:46 am #504657

    Aizaz Imtiaz Awan
    Keymaster

    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.

    October 17, 2023 at 10:35 pm #504918

    florencia-0349
    Participant

    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?

    October 18, 2023 at 11:15 am #505032

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)