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

BRINE: Code Inject For Cart Page


Rafida
Go to solution Solved by paul2009,

Question

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 post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0
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 by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Link to post
  • 0

@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 post
  • 0

Social icons look good to me on Safari.

1413728719_ScreenShot2020-09-26at4_05_07PM.png.97b6efd3ed60b4dd8d2a249ca4f8e382.png

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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...