Rafida Posted September 25, 2020 Share Posted September 25, 2020 Site URL: https://rafida.org Hey, I've added the below code as Code Inject for some pages to control the colour of certain icons in the social icons section. How do I add the case code injection for the cart page? Site access:https://rafida.org pass: lastphasetesting3 Code injection used: <style> .SocialLinks-inner a:nth-child(5){ colour: #000000;} .SocialLinks-inner a:nth-child(6){ colour: #000000;} .SocialLinks-inner a:nth-child(7){ colour: #000000;} </style> <style> .SocialLinks-inner a:nth-child(5){filter: brightness(50%);} .SocialLinks-inner a:nth-child(6){filter: brightness(50%);} .SocialLinks-inner a:nth-child(7){filter: brightness(50%);} </style> Link to comment
Solution paul2009 Posted September 25, 2020 Solution Share Posted September 25, 2020 (edited) 3 hours ago, Rafida said: I've added the below code as Code Injection for some pages. How do I add the CSS code injection for the cart page? Code Injection is great for HTML and JavaScript, but when you're adding CSS it's usually better to add it to the Custom CSS panel in Design > Custom CSS. You won't need the style tags and the styles will be applied to the entire site, including the cart page, unless you use selectors to limit the effect to a page, collection or element. For more details, you may find my article helpful: Using CSS on Squarespace. Note that when styling the cart page, you'll need to save the CSS changes and then refresh the page before the changes will take effect. If a post helps you, please click a "Like" option below ↘️ Edited September 25, 2020 by paul2009 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Rafida Posted September 25, 2020 Author Share Posted September 25, 2020 @paul2009 Thanks for the reply Paul. The thing is, I only need to change the social icon colours (3 of the custom social icons) in blogs, product collections, and the cart. Any chance you could help me out with the code I would need to use? Link to comment
tuanphan Posted September 26, 2020 Share Posted September 26, 2020 I see fine here. Do you still need help on this? 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
Rafida Posted September 26, 2020 Author Share Posted September 26, 2020 @tuanphan Solved adding the social icons to the cart page! Only blur issue on Safari left: Link to comment
creedon Posted September 26, 2020 Share Posted September 26, 2020 Social icons look good to me on Safari. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment