im doing a design course off the wordpress learn site. For that I need to change the header to what I like but the header im want to try to make from a real header uses a svg logo and as far as I know wordpress is not working with svg’s.
In the first place, you can use this plugin https://pl.wordpress.org/plugins/svg-support/, which will help to support SVG images in the media library. But that is only a half-solved problem. The real question is, where will you replace that logo?
Will it be:
theme settings (check if that supports to upload svg images)
page builder -> header (as above, check if that will allow to attach svg image)
custom theme (most of themes CSS will support jpg/png images, and size can be adjusted; in another scenario, you would need to add custom CSS to support the size of that SVG file)
I was thinking on the site editor of gutenberg in the template parts.
So if I understand this :
Basic Usage: – First, install and activate SVG Support via your WordPress dashboard – Upload SVG files to your media library like any other image – Works seamlessly with Image blocks, Cover blocks and featured images `<br><br>it should not be a problem <code><br><br></code></p>
This reply was modified 6 months, 1 week ago by roelof.
I am a bit confused about what you are actually trying to achieve. Can you please confirm if you need the logo to show up in grayscale?
I believe you added the SVG using an image block. The Gutenberg page builder comes with an out-of-the-box solution to apply a duotone filter on images, which should help with this.
I copied the svg out of the source so now I have a external svg. Still I think I need to use css to make the colors. Pity I cannot include the file into this forum so you can take a look what to change to make things easier.
