shelleyjavier Posted August 9, 2019 Share Posted August 9, 2019 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! Link to comment
tuanphan Posted August 9, 2019 Share Posted August 9, 2019 @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 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 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/ 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 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? 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
tuanphan Posted March 1, 2020 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; } 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
Archived
This topic is now archived and is closed to further replies.