Where do I make IMG Class change?

  • Resolved BRWalton

    (@brwalton)


    8 years, 1 month ago

    I come from the less-technical side, so forgive the basic question. I’ve installed the plug-in, uploaded a .svg, but only see something that looks like a piece of paper in the Image library. Doesn’t show “.svg”. When I try to place that into my text, it doesn’t show.

    Not sure where to make the IMG Class adjustment you refer to. Can you give me specific direction where and how to make that adjustment, if I need to?

    I appreciate your help.

    Have a great day.
    Brian

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi @brwalton,

    Firstly, thanks for your support.

    It sounds like you won’t need to be inlining your SVG files, so there is no need for the class to be added. They will upload and can be added to a page or post just like a normal image file.

    I’m not sure why you can’t see the file in the media library… It could be an issue with your SVG file itself.
    Feel free to shoot me a link to the SVG or your page where it is inserted so I can take a look.

    Thread Starter BRWalton

    (@brwalton)

    Thanks for the quick reply. Here’s a link where I tried to “Insert Media.”:
    https://54a.d8e.myftpupload.com/ — A temporary, non-public site right now.

    It’s below the .png I put in, till I get the issue resolved. Shows to me like a link.

    If there are special settings in Illustrator that the .svg needs, I would love to know that.

    I appreciate the help.

    Brian

    Plugin Author Benbodhi

    (@benbodhi)

    My pleasure.

    It looks like you have your SVG url in an anchor tag:
    <a href="https://54a.d8e.myftpupload.com/wp-content/uploads/2016/10/MIS_welcome_logo.svg">mis_welcome_logo</a>

    This is literally just a link to the SVG image: https://54a.d8e.myftpupload.com/wp-content/uploads/2016/10/MIS_welcome_logo.svg which shows up fine in the browser.

    Try swapping your code with this:
    <img src="https://54a.d8e.myftpupload.com/wp-content/uploads/2016/10/MIS_welcome_logo.svg" />
    or if you’d like it as a link:
    <a href="YOURLINKURL"><img src="https://54a.d8e.myftpupload.com/wp-content/uploads/2016/10/MIS_welcome_logo.svg" /></a>

    If you insert the image from the media library, it should do this automatically… but you could also have something else preventing the default behaviour.

    Let me know how you go.

    • This reply was modified 8 years, 1 month ago by Benbodhi. Reason: neatness
    Thread Starter BRWalton

    (@brwalton)

    Thanks for the quick reply.

    I inserted your code, and it did show the .svg. But why does it have a bunch of space around it, like it’s in the middle of a piece of paper? Is there some other way to process the .svg so that doesn’t happen? (Sorry, I really didn’t want to make this a .svg tutorial, but I appreciate your input.)

    Got to use my .png for now, since I’m presenting to my client in the a.m. But it would be good to know for the future.

    Thanks,
    Brian

    Plugin Author Benbodhi

    (@benbodhi)

    No problem,

    That’s the SVG file itself, the artboard size in Illustrator shows what looks like an A4 page.
    You can either manually set the artboard size the same as the logo and then save it again, or you could run it through an SVG Cleaner.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Where do I make IMG Class change?’ is closed to new replies.