SSsanmateo Posted June 12, 2014 Share Posted June 12, 2014 Hello there, I have been trying unsuccessfully to change my Facebook icon to brown, instead of black. My site is leslie-stitzlein.squarespace.com Looking at the code, I've identified an id=“socialLinks" and a class="social-links” I have tried the two options below: #socialLinks { color: #8b5555; } .social-links { color: #8b5555; } Link to comment
ZhaoYiLi Posted June 12, 2014 Share Posted June 12, 2014 The color should be applied to the anchor tag. .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-color-black a { color: #8b5555; } I'm a web and mobile developer. Link to comment
SSsanmateo Posted June 12, 2014 Author Share Posted June 12, 2014 Thank you so much! It worked. A million thanks! Link to comment
Guest Posted November 7, 2014 Share Posted November 7, 2014 Hi - I would also like to change my icons - where do I inject this code? (I'm not a developer) Thanks - K Link to comment
ZhaoYiLi Posted November 7, 2014 Share Posted November 7, 2014 @Karin There's 2 places you can inject it. One is under code injection under settings, but you'll have to put the css between style tags The second place you can inject it is the custom css window. If you are still on squarespace 6, you can find it when you preview your site. Just click on the paint brush icon and its at the very bottom of the left panel. On squarespace 7 its under design. I'm a web and mobile developer. Link to comment
Guest Posted November 7, 2014 Share Posted November 7, 2014 Thank you @ZhaoYiLi !!!!! I appreciate your help! Link to comment
Guest Posted December 31, 2014 Share Posted December 31, 2014 It did not work for me. SSsanmateo who wanted to change her facebook to brown and said it worked is still black. leslie-stitzlein.squarespace.com anyone have a suggestion? Link to comment
e2astudio Posted December 31, 2014 Share Posted December 31, 2014 @David1234567 the social link markup has changed. The CSS in this answer will no longer change the color. If you'd like assistance, ask a new question and be sure to post a link to your site. Link to comment
Farmette Helen Posted January 8, 2015 Share Posted January 8, 2015 This is what I've just figured out, but you have to put it into the code injection footer section, between style tags, for it to last more than 1 second. .social-icons-style-knockout.social-icons-color-black .sqs-use--mask {fill: #42afc2;}.social-icons-style-knockout.social-icons-color-black:hover .sqs-svg-icon--wrapper:hover .sqs-use--mask {fill:#42afc2} This changes the hover color as well, though I haven't been able to figure out the gray hover color in between. my site: https://helen-skiba.squarespace.com/ Link to comment
SSsanmateo Posted January 21, 2015 Author Share Posted January 21, 2015 Thank you! That worked, I will add to my new post, where I was looking for the way to make this work again, since I had switched over to SS 7. Link to comment
Pixelfreez Posted March 4, 2016 Share Posted March 4, 2016 Doesn't work on the Alex template, any help? Thanks! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.