Solved

change color of cart count item

Alicia_TNC
Excursionist
16 0 4

Hi,

 

we are using the "reach" theme and I was wondering how I can change the color of the cart-count-item to red:

Bildschirmfoto 2020-12-01 um 21.58.35.png

 

At the moment it´s really hard to see and we need to highlight this a bit. 

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12269 2546 3692

This is an accepted solution.

@Alicia_TNC 

Please add the following code in your assets/theme.scss.liquid or theme.css or stylesheet.css file. Which is present in your assets folder.

@media screen and (max-width: 768px){
span.site-header-action-icon-cart-count { color: #000 !important; }
.site-header-action-icon-cart-count{ background: #fff !important; }
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 4 (4)

MikeLockwood
Excursionist
26 2 8

So I am using the Debut theme so not 100% sure this would work.

In my header.liquid file I have the following line, this displays the cart count.  I figure you just need to apply the color here. 

<span data-cart-count>{{ cart.item_count }}</span>

Thanks,
Mike
Alicia_TNC
Excursionist
16 0 4

Thanks a lot @MikeLockwood 

 

that´s smth I tried already and didn´t work 😞

dmwwebartisan
Shopify Partner
12269 2546 3692

This is an accepted solution.

@Alicia_TNC 

Please add the following code in your assets/theme.scss.liquid or theme.css or stylesheet.css file. Which is present in your assets folder.

@media screen and (max-width: 768px){
span.site-header-action-icon-cart-count { color: #000 !important; }
.site-header-action-icon-cart-count{ background: #fff !important; }
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Alicia_TNC
Excursionist
16 0 4

awesome @dmwwebartisan .

 

this worked great. Thanks a lot!

 

Bildschirmfoto 2020-12-02 um 06.51.32.png