Using a SVG-file as site logo

[Markus Schwingruber]

Hello DesignOrbital-Support

I would like to use a SVG-file as logo. I have uploaded the SVG-file into the media library and then selected the SVG-file as site logo. But the logo does then not show on the website.

Thanks for your help!
Markus

[admin]

Hi Markus,

Quote:

I would like to use a SVG-file as logo.

You need following two steps to support SVG Site Logo for the Dicot theme. I think, you have completed the step 1, but it can be helpful for you and others as well,

Step 1:

Allow SVG in WordPress media uploader by using the following plugin.

https://wordpress.org/plugins/svg-support/

N0te: You can use WordPress Code Snippet in functions.php file to enable support for SVG files. We only recommend to use Code Snippets via Child Themes. Don’t change the core files of theme as your changes will be lost after upgrading to the latest version.

Step 2:

1. Please enable Jetpack Custom CSS module via Jetpack > Settings
2. Go to Appearance > Edit CSS and enter the following CSS Code Snippet.

/* Support for SVG Logo */
img.site-logo {
width: auto;
}[/CODE]

Thanks[CODE]/* Support for SVG Logo */
img.site-logo {
width: auto;
}[/CODE]

Thanks

[Author]

Posts