Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
shelleyjavier

Change colour of Social Icons on hover

Question

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 by shelleyjavier
retag

Share this post


Link to post

9 answers to this question

Recommended Posts

  • 0
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;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

@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 by tuanphan
Initial Revision

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
Posted (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 by benja231
Added link.

Share this post


Link to post
  • 0
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


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...