.svg file is uploaded and placed in the website but nowhere to be seen

  • Resolved demelsa

    (@demelsa)


    5 years, 9 months ago

    Hello Benbodhi,

    Thank you for this pluggin. My file .svg is nowhere to be seen! I placed it right next to the green logo “distrivet” (which is .png) and is exactly the same size and shape (in .svg format) and you can see it here:

    https://www.dairaps.com/wp-content/uploads/2019/02/benbodhi-help.svg

    This file won’t show ip and I reckon it could be for two reasons:

    1. Illustrator: I save the file using Illustrator:
    – SVG Profiles: SVG 1.1 (If I saved it in 1.0, WP would reject the file)
    – Type: SVG
    – Subsetting: None (Use System Fonts)
    – Options: Image location: Link
    – CSS Properties: Presentation Attributes
    – Decimal Places: 1
    – Encoding: Unicode (UTF-8)
    – Option Output fewer <tspan> elements: not clicked.
    – Option Include Slicing Data: not clicked (if I do clik on it, WP would reject the file)
    – Use <textPath> element for Text on Path: clicked.
    – Include XMP: clicked.
    – Responsive: clicked.
    First line of the code reads <?xml version=”1.0″ encoding=”utf-8″?>

    2. Theme
    I have installed The7 theme. Do you know if there is any type of incompatibility with it?

    Thank you very much in advance,

    Demelsa

    [giant paste deleted by moderator]

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    @demelsa, please don’t paste huge files like that here. Use pastebin.com or gist.github.com and put a link to that paste here. Thanks.

    Thread Starter demelsa

    (@demelsa)

    Ok, I’m sorry Moderator! ??

    Plugin Author Benbodhi

    (@benbodhi)

    Hi there,

    I can see three logos rendered… but it sounds like you just need to set a width/height on the “missing” one. It’s probably being displayed at 0px which is invisible.

    Let me know how you go.

    Thread Starter demelsa

    (@demelsa)

    Thank you for your help, it works! There is one thing to take into account (by other users): you don’t upload the .svg as an image but you add the url in plane HTML or inside a text block. Then, you add width and height. I added width: 100% and it also works.

    Brilliant, I will definitely contribute!

    Demelsa

    Plugin Author Benbodhi

    (@benbodhi)

    Thanks for letting me know you got it sorted.
    You can still upload and place the SVG in like any other image from your media library. And you can style them using css in your child theme style sheet. But it sounds like you’re happy with just putting the css inline.
    You could just add some css to make sure all img tags with SVG src are width 100% by default too.

    Many ways to solve a problem ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘.svg file is uploaded and placed in the website but nowhere to be seen’ is closed to new replies.