Jump to content

modifying individual social media account icons

Recommended Posts

Posted (edited)

Site URL: http://harbourviewpictures.com

Hi Group, 

 

This is my first time posting, but I am hoping you can help! 

 

I found a great tutorial here on changing colors and modifying the social media icons as a group, but I'm wondering if there's a way to modify individual colors of social idea icons. I ask because on my website I will ultimately have 4 instagram accounts (1 for each project), and would like to different them by the project they are associated with. 

Right now I have just linked 3 instagram accounts and both are default white on the bottom of the page / footer, following this tutorial I can see how to change all of their colors, but not individually. 

I am not very experienced with custom css, but am hopeful there's a way to do this! 

 

Thank you 

Edited by harbourviewpictures
  • Replies 1
  • Views 294
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted

Add to Design > Custom CSS

/* Footer Instagram icons color */
div#block-yui_3_17_2_1_1641496104372_1735 [href*="instagram"]:nth-child(2) .sqs-use--icon {
    fill: red;
}
div#block-yui_3_17_2_1_1641496104372_1735 [href*="instagram"]:nth-child(3) .sqs-use--icon {
    fill: blue;
}
div#block-yui_3_17_2_1_1641496104372_1735 [href*="instagram"]:nth-child(4) .sqs-use--icon {
    fill: brown;
}

 

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!)

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.