SVG Media Library and Insert failure
-
When I upload an SVG through the Media Library, it appears as a broken image file in the Media Library.
If I select that file for the logo, I see the SVG source being inserted into an IMG tag as seen here:
<img class="fl-logo-img" itemscope="" itemtype="https://schema.org/ImageObject" src="/wp-content/uploads/2017/09/broadway-station-logo.svg" data-retina="" alt="Broadway Station Apartments">If I select that file to insert via a Photo widget from Beaver Builder, it also fails to display.
I downloaded the SVG from the server, pasted it into the logo.svg file, and uploaded it through the Media Library.
If I copy the SVG code and paste it into an HTML object / block, it renders correctly, so I don’t think there’s an underlying issue with the SVG itself.
If I create a page and don’t use the Beaver Builder plugin, and just do a regular page and insert media, it also breaks by trying to treat it like an image:
<img class="alignnone size-medium wp-image-46" src="https://www.bsa-dev.com.php7-34.lan3-1.websitetestlink.com/wp-content/uploads/2017/09/broadway-station-logo-1.svg" alt="">I’m working on a fresh installation of WP with the following plugins activated:
WP SVG (pro)
Beaver Builder Plugin (pro)
Beaver ThemerI disabled all other plugins for this test.
The page I need help with: [log in to see the link]
-
When I navigate to the file via FTP, it is 26 KB, but when I attempt to view it directly via https://www.bsa-dev.com.php7-34.lan3-1.websitetestlink.com/wp-content/uploads/2017/09/broadway-station-logo-1.svg it shows an error message:
This page contains the following errors: error on line 1 at column 1: Document is empty Below is a rendering of the page up to the first error.Here it is inserted in the logo slot, but not displaying as an SVG:
And here is a larger version, showing it display correctly as raw HTML:
- The topic ‘SVG Media Library and Insert failure’ is closed to new replies.
