SVG not inline after 2.3+ update

Hello, first of all, thank you for creating this plugin, it has allowed me to do exactly what I want to with svg images in my WordPress site. I have recently updated the plugin from 2.3.7 to 2.3.8 and this caused my svg’s to be rendered as <img> instead of inline <svg>, despite the advanced mode being turned ON.

While using version 2.3.7 and turning on “Enable Advanced Mode” the svgs would render as inline <svg>. However, after updating to 2.3.8 with “Enable Advanced Mode” still turned on, the svg’s now render as <img>. For now, I have reverted back to version 2.3.7, which works how I would expect it to work.

Has anyone else experienced this issue? Do you know why advanced mode in version 2.3.8 would not be working correctly for me?

Thank you for your help.

• This reply was modified 7 years, 11 months ago by clayteller.
• This reply was modified 7 years, 11 months ago by clayteller. Reason: Format the code in my message

Hi @clayteller,

Thanks for your support.

I have tracked down the issue with your site in particular and it’s sorted now, but for other readers:

This issue is only with custom post types as the class is not being applied automatically in 2.3.8. The reasoning for this was to make sure that WooCommerce product images were not automatically rendered inline when using SVG for a product featured image.

I understand now, that this might not be ideal for all situations, so will work on a solution for a future update. In the meantime, you can uncomment line 55 in svg-support > functions > attribute-control.php and it will work correctly. You could also roll back to 2.3.7 until the next update.

• This reply was modified 7 years, 11 months ago by Benbodhi.

Hi,

I’m new to this great plugin (version Version 2.3.8). After installing and uploading my logo in .svg it no longer aligns left as it did with previous images in OS X using Safari. In Firefox and Chrome it doesn’t show at all. In iOS it shows in all mentioned browsers but center aligns rather than left aligns.

Any suggestions?

Thanks and best regards

Hi @silvercorn,

Firstly thanks for your support and using my plugin!

Please start your own topics for support though. As much as this one sounds similar, it is not.

It sounds like a CSS issue. If you could create a new support post related to your issue directly and provide a link, I can take a look and let you know.

Cheers
Ben

Apologies Ben, will do!

I have installed latest version but issue still coming.

https://hikeup.com/

https://cdn.hikeup.com/wp-content/uploads/2017/06/Xero-small-2.svg

Thanks,
Alex

Hi @alexhikeup,

Thanks for your support and using my plugin.

But please start your own threads according to the forum welcome. As much as you think it’s the same issue, it is not. And this post is marked resolved.

Your issue is that your SVG needs to be on the same domain, but you have it in a subdomain. You will find cross origin errors in the developer console of your browser. Upload it to your media library and it will work fine.

Cheers
Ben