stewartcnr Posted May 7 Share Posted May 7 I'm looking to have a custom logo image on the homepage of my portfolio website (linked to this post). I want to change the bottom square's header on this page to my logo, would be great to get some help with the code. Thanks in advance! Link to comment
stewartcnr Posted May 7 Author Share Posted May 7 (edited) https://marlin-alligator-mw65.squarespace.com/ Link is also here to have a look at. Password is: stewartstints23 Edited May 8 by stewartcnr Link to comment
tuanphan Posted May 9 Share Posted May 9 You mean change this header logo to custom image? Can you send new logo file? 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
stewartcnr Posted May 9 Author Share Posted May 9 Not the webpage header logo, but one of my portfolio project headings. See image attached. I want that to be a custom logo when it is being hovered over. Link to comment
tuanphan Posted May 11 Share Posted May 11 When hover >> Change Stints text to a custom logo? 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
stewartcnr Posted May 12 Author Share Posted May 12 (edited) Yes! I would like that text to be my custom logo if possible. (EDIT) I should mention that I just want the text to be the logo instead, not to change to the logo when hovered over. Edited May 13 by stewartcnr Link to comment
Solution tuanphan Posted May 17 Solution Share Posted May 17 On 5/12/2024 at 5:43 PM, stewartcnr said: Yes! I would like that text to be my custom logo if possible. (EDIT) I should mention that I just want the text to be the logo instead, not to change to the logo when hovered over. You can use this code to Website > Website Tools > Custom CSS. Replace Google with Stints logo url. Repeat code similar for other items (If you can't repeat code, let me know, I will give you exact guide) a.grid-item[href="/portfolio/stints"] h3.portfolio-title { background-image: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png); background-size: contain; background-repeat: no-repeat; background-position: left; color: transparent; } 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
stewartcnr Posted May 17 Author Share Posted May 17 That's it! Exactly what I was looking for. If I were to make the logo bigger what would I add to the code? Link to comment
tuanphan Posted May 19 Share Posted May 19 On 5/17/2024 at 8:22 PM, stewartcnr said: That's it! Exactly what I was looking for. If I were to make the logo bigger what would I add to the code? change the line background-size: contain; to background-size: 100px; 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
Create an account or sign in to comment
You need to be a member in order to leave a comment