- This topic has 11 replies, 3 voices, and was last updated 6 years ago by
.
-
Posts
-
Hi everyone
I wanted to use an SVG image file to have a crisp logo. I followed all the instructions from Studio Press to change sme code in the functions.php child theme and CSS style sheet but after completing all the steps I had no image showing, it was just blank!
Any help, suggestions would be much appreciated.
Many thanks,
Sapphira.Link to site please.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?HI Victor
Thanks for the reply.
Below is the link to one of my websites. I have another one with same problem but if I can figure out problem then I will be able to sort other one out as well.
Please not though that as it wouldn't work I reverted back to original hence you can now see the PNG header logo. So not sure if you'd need me to redo all over again before you can maybe see what's wrong.
Many thanks for taking the time to reply 🙂
For us to help, we need to look at the code in the browser to determine what the problem could be. You may also want to take a look at Sridhar's tutorial: https://sridharkatakam.com/how-to-set-up-svg-logo-in-genesis/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?Hi Victor
Yes that's the one I followed to the book and didn't work. I obviously must have done something wrong but don't know what. I even tried a second time and same problem occured. Very frustrating! So I gave up and reverted back to PNG logo.
I appreciate your help, but maybe I'll have to resign myself to the PNG logo for now and go back to this again when I feel ready to have another go but I fear I'll get the same issue as don't know what it is that I did or didn't do.
Many thanks!
I've seen it where SVGs don't display because dimensions haven't been assigned in CSS. That's why I wanted to look at your code. If you use your browser's inspect tool, you'll see in the SVG is loading or not. If it is, you can play with the CSS to make to see what makes it appear. https://victorfont.com/how-to-use-your-browsers-inspect-tool/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?HI Victor
Okay thanks, got that. When I get the chance I will redo following the instructions again on sridharkatakam.com and then use the Firefox developer tool (already installed it) to play around with the code see if I can get the SVG image to show.
Once again much thanks for taking the time to help. I will let you know if I have any success with it. Might have time to try this evening.
Cheers,
Sapphira.Here's 3 ways to use a SVG as your logo or header image.
Hi Brad
Many thanks for your suggestions. The 3rd method seems to be the most straigtforward one, but what do you mean by the child theme's image folder? Do you actually mean the stylesheet itself - add it after and within the body of /* ## Title Area ?
Sorry to be a little vague but not an expert at this.
Thanks again,
Sapphira.Hello Sapphira
This part of the CSS rule pulls the image named logo.svg from the images folder in your theme
background: url(images/logo.svg);
Hi Brad,
Okay, I got that.
Thanks for taking the time to reply.
I'll let you know how I get on.
Cheers,
Sue.HI Brad
Had success with this but svg file is way too large. It has white space around it and despite trying various ways to crop it had no luck. So back to drawing board I'm afraid until I can figure out a way to do this.
At least once I get around this I know how to add it 🙂
So thanks for that.
Best regards,
Sapphira.
- The forum ‘General Discussion’ is closed to new topics and replies.