shelleyjavier Posted August 9, 2019 Share Posted August 9, 2019 (edited) Hi, I just want to change the colour of my social icons to red when I hover on it. this is my website : www.wholeheartcreative.com.au my template is Motto Thanks! Edited August 9, 2019 by shelleyjavier retag Link to comment
tuanphan Posted August 9, 2019 Share Posted August 9, 2019 (edited) @shelleyjavier Add to Home > Design > Custom CSS .social-icons-color-black.social-icons-style-knockout .sqs-use--mask:hover { fill: #ff0000 !important; } Reference: https://beaverhero.com/motto-template-squarespace/#ChangeFooterSocialIconon_Hover Edited August 9, 2019 by tuanphan Initial Revision benja231 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
shelleyjavier Posted August 9, 2019 Author Share Posted August 9, 2019 @tuanphan that’s awesome. Thank you!! Link to comment
benja231 Posted March 1, 2020 Share Posted March 1, 2020 (edited) On 8/9/2019 at 6:57 AM, tuanphan said: @shelleyjavier Add to Home > Design > Custom CSS .social-icons-color-black.social-icons-style-knockout .sqs-use--mask:hover { fill: #ff0000 !important; } Reference: https://beaverhero.com/motto-template-squarespace/#ChangeFooterSocialIconon_Hover @tuanphan Hi! Is there a similar solution that you have determined for doing this in Squarespace 7.1? Here is the subject site: https://themontgomerycode.com/ Edited March 1, 2020 by benja231 Added link. Link to comment
tuanphan Posted March 1, 2020 Share Posted March 1, 2020 4 minutes ago, benja231 said: @tuanphan Hi! Is there a similar solution that you have determined for doing this in Squarespace 7.1? If you share link to your site, I can take a look benja231 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
benja231 Posted March 1, 2020 Share Posted March 1, 2020 1 minute ago, tuanphan said: If you share link to your site, I can take a look https://themontgomerycode.com/ Thanks so much! Lunch on me, @tuanphan Link to comment
tuanphan Posted March 1, 2020 Share Posted March 1, 2020 14 minutes ago, benja231 said: https://themontgomerycode.com/ Thanks so much! Lunch on me, @tuanphan I like your site You mean icons on header, or footer or? benja231 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
benja231 Posted March 1, 2020 Share Posted March 1, 2020 @tuanphan Thanks so much! I will keep you in mind when we need expert help. I would like to target the header social icons. Link to comment
Solution tuanphan Posted March 1, 2020 Solution Share Posted March 1, 2020 1 minute ago, benja231 said: @tuanphan Thanks so much! I will keep you in mind when we need expert help. I would like to target the header social icons. Add to Home > design > custom CSS .header-actions-action.header-actions-action--social a:hover svg { fill: red !important; } wallacewebdesign, MunichMarketers and benja231 3 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
benja231 Posted March 1, 2020 Share Posted March 1, 2020 @tuanphan Thanks so much! I really appreciate the help. You rock! 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