Clear_Claire Posted April 23, 2020 Share Posted April 23, 2020 Site URL: http://clearasclaire.com Hi Can someone please guide me in adding SVG logo to my site header? I know it can be done. Many thanks Claire Link to comment
tuanphan Posted April 23, 2020 Share Posted April 23, 2020 Can you turn off "disable right click" function? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Clear_Claire Posted April 23, 2020 Author Share Posted April 23, 2020 I just did! Hope that helps?? Link to comment
tuanphan Posted April 24, 2020 Share Posted April 24, 2020 Add to Home > Design > Custom CSS. Replace image url with new url .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CahootCreative Posted June 1, 2020 Share Posted June 1, 2020 Hey, I'm also desparate to get an svg logo into the header. Your code Tuanphan works for a bit, then disappears. Any ideas? Link to comment
tuanphan Posted June 2, 2020 Share Posted June 2, 2020 22 hours ago, CahootCreative said: Hey, I'm also desparate to get an svg logo into the header. Your code Tuanphan works for a bit, then disappears. Any ideas? Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
HeatherLeigh Posted December 1, 2020 Share Posted December 1, 2020 I'm trying to do this too. Site is resumeinsider.net I added a transparent logo image and added some code to my CSS to overlay the svg version. For some reason, I can see it in the SS backend environment, but it's not appearing on the live site. I suspect that I need CSS that works on Brine and that is what the issue is with the code I added. Any help would be greatly appreciated! <table style="width: 430px;"> <tbody> <tr> <td width="288" style="width: 420px;"> <p style="color: #43414e;">Heather Hamilton</p> <p style="color: #43414e;">Founder, Resume Insider</p> <div style="color: #bc8420;"> <p><a href="https://resumeinsider.net/" style="color: #43414e;">Website</a> | <a href="https://www.facebook.com/resumeinsidernet" style="color: #43414e;">Facebook</a> | <a href="https://www.linkedin.com/in/heatherhamilton/" style="color: #43414e;">LinkedIn</a> | <a href="https://about.me/heatherhamilton" style="color: #43414e;">About me</a></p> </div> </td> </tr> </tbody> </table> Link to comment
tuanphan Posted December 5, 2020 Share Posted December 5, 2020 On 12/2/2020 at 5:41 AM, HeatherLeigh said: I'm trying to do this too. Site is resumeinsider.net I added a transparent logo image and added some code to my CSS to overlay the svg version. For some reason, I can see it in the SS backend environment, but it's not appearing on the live site. I suspect that I need CSS that works on Brine and that is what the issue is with the code I added. Any help would be greatly appreciated! Your svg url is incorrect. Try using full url eg: https://beaverhero.com/s/logo-name.png Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.