I think you are missing dimension properties (height and width) while adding it in HTML, that’s why it is not appearing. For SVG files height and width is compulsory if you align it center or left without giving dimensions property it will break. I faced the same issue when I started my ChartExpo project.
Add other social networks to TwentyNineteen_SVG_Icons class in child theme?
Use Icomoon external svg file with
Twitter has some limitations upon file extensions. I see that you’re passing on some variables within your meta tag. https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup.html URL of image to use in the card. Images must be less than 5MB in size. JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. … Read more
I tried this code on a clean install of WordPress <svg width=”100″ height=”100″> <circle cx=”50″ cy=”50″ r=”40″ stroke=”green” stroke-width=”4″ fill=”yellow” /> </svg> and used ‘Custom HTML’ in Guttenberg in a new post. This worked fine for me. The same code displayed in the DOM without deleting any tags or adding any Maybe you cant edit … Read more
Copy functions.php from the parent theme into your child theme. Edit functions.php to remove the offending SVGs. NOTE: if wp_nav_menu() is called from another file (e.g., header.php), copy and edit that one instead.
It seems that in the recent releases of WordPress, changes were made to the mime type handling to make sure that files have the extension they say they do: https://make.wordpress.org/core/2018/12/13/backwards-compatibility-breaks-in-5-0-1/ This poses an issue for SVG files without the tag in them. SVG is actually an XML, and WordPress is now requiring to have a … Read more
The answer was quite simple … just be sure that the height and width are set inside the svg code, like: <svg height=”100″ viewBox=”0 0 50 50″ width=”100″>
I’ve got the answer. Create a new file in the root of your theme with the name theme.json Add and save the following code into it: { “version”: 1, “settings”: { “color”: { “duotone”: null } } }
I solved it using the second way. I found out that you have to register the default image also. So after registering the svg as a default header it displays like it should! Here is my code: register_default_headers( array( ‘kami-logo’ => array( ‘url’ => get_stylesheet_directory_uri() . ‘/images/logo.svg’, ‘thumbnail_url’ => get_stylesheet_directory_uri() . ‘/images/logo.svg’, ‘description’ => __( … Read more