Change links color in cart page

Solved
Highlighted
New Member
5 0 0

Hi!

 

I'm looking for changing some links color but only in cart page. Iv'e been trying to change the product "description", "remove" and "notes" links but without much sucess. But i'd like to maintain the colour of the remaining links.

Can anyone pls help me?

 

ThanksSem Título.png

 

0 Likes
Excursionist
35 1 7

Hey Finding,

 

Please put your store url here so that i can help you.

 

Thanks.

0 Likes
Shopify Partner
1531 109 307

Hello, try this approach from an answer I wrote a few days ago. If it doesn't work, please also let us know what theme you are using?

I turn coffee in to code - since 1998
0 Likes
New Member
5 0 0

Hi!
I'm using minimal theme.

The way you're saying wont do it because the bit of code in step 2 doesnt even exist in my code...

0 Likes
Shopify Partner
1531 109 307

No problem, for you it's even simpler then. First create that duplicate if you haven't already.

 

Step 1

Go to Online Store > Themes and then  Actions > Edit code and open Assets / timber.scss.liquid file and look for a bit of code like this

 

.cart__remove {
  display: block;
}

Step 2

Now replace that with

 

.cart__remove {
  display: block;
  color: green; // this will be the colour in normal state
  
  &:hover,
  &:focus {
    color: blue; // this will be the colour in hover / focused state
  }
}

Hit save. Of course you can replace the not so exemplary green and blue colours I put in there 😊

 

Enjoy!

I turn coffee in to code - since 1998
0 Likes
New Member
5 0 0

Hi again!
Yes, that worked fine for the "Remove" button.

I'd like to do the same for the product description link and for the "add a note to your order" link...

 

Thanks!

0 Likes

Success.

Shopify Partner
1531 109 307

Hello again!

 

Okay, so it's basically the same as what you did in Step 2 except you put this code there

 

.cart__row {
  .cart__remove {
    display: block;
  }
  
  a.h5,
  .cart__remove,
  .cart__note-add {
    color: green;

    &:hover,
    &:focus {
      color: blue;
    }
  }
}

Best wishes!

I turn coffee in to code - since 1998
0 Likes
New Member
5 0 0

It worked! Thank you !

0 Likes