Change links color in cart page

Solved
Highlighted
New Member
7 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
Highlighted
Explorer
39 1 12

Hey Finding,

 

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

 

Thanks.

0 Likes
Highlighted
Highlighted
Shopify Partner
1866 181 748

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?

Liked this post? You might also like our fantastic upsell apps Candy Rack and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
0 Likes
Highlighted
New Member
7 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
Highlighted
Shopify Partner
1866 181 748

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!

Liked this post? You might also like our fantastic upsell apps Candy Rack and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
0 Likes
Highlighted
New Member
7 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
Highlighted
Shopify Partner
1866 181 748

This is an accepted solution.

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!

Liked this post? You might also like our fantastic upsell apps Candy Rack and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
0 Likes
Highlighted
New Member
7 0 0

It worked! Thank you !

0 Likes
Highlighted
New Member
3 0 0

Hi Carl,

How do I change the colour of the buttons here:

shopify help.PNG

I want the buttons to be legible and the collection date drop down to stand out a bit more.

 

Any help would be much appreciated.

 

Cheers,

 

Joe

 

0 Likes