harbourviewpictures Posted January 6, 2022 Posted January 6, 2022 (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 January 6, 2022 by harbourviewpictures
tuanphan Posted January 8, 2022 Posted January 8, 2022 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment