SVG Logo is not appearing in Wordpress

You are reading this article because you have managed to upload an SVG file to your Wordpress site, say a logo, and its showing a blank space.

First of all, Wordpress has a war on SVG files and by default prevents you from uploading SVG files to your WordPress.

However, there are a few plugins which allow you to safely upload SCG files to your web site.

For uploading SVG files we use a combo of two plugins and if necessary a snippet of CSS.

1. Safe SVG - filters out bad code during upload
2. SVG Support - provides support to actually display SVG files




Now, just in case you have activated the two plugins and don't see the SVG appearing, use this workaround css below to make it appear.

Drop this into your main stylesheet.

/* workaround css for forcing svg files to appear */
/* ref: https://www.jucra.com/whmcs/knowledgebase/140/ */
img[src$=".svg"] { width: 100% !important; height: auto !important; }






  • 5 Users Found This Useful
Was this answer helpful?

Related Articles

customised wordpress wp-config file

Out of the box, the WordPress wp-config.php file is basic and ugly.Below is our standard...

Fix WordPress 404 Errors on Password Protected Directories

You are reading this article becasue you have applied password protection on the wp-admin...

Enable Fenced Off Debugging to Your IP in Wordpress

Use the code below to activate the bugging in WordPress but locked down to your IP.Put this in...

How to protect your Wordpress Login from Bots

You are reading this article because you are getting a lot of attacks on your WordPress login...

Import piped separated formatted data from wordpress to google sheets

You are reading this article because you have a list of posts in wordpress and you want to grab...