changing colour of bar with number of products

rentwithc
Tourist
20 0 3

wanting to change the colour of the bar that has number of products on the page to white

Replies 8 (8)
dmwwebartisan
Shopify Partner
10211 2287 3187

@rentwithc 

Please share screenshot what do you want !

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 | Bag is a cart drawer that maximizes your sales. View app →
rentwithc
Tourist
20 0 3

Screen Shot 2021-11-13 at 6.33.35 PM.png

i am wanting to change the bar that says 'date, new to old' to colour white how can i do this?

Zworthkey
Shopify Partner
3520 415 802

@rentwithc 
Paste this code on top of the theme.scss file.

span.filters-toolbar__product-count {
    color: white !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Savior
Navigator
288 63 90

@rentwithc 

1. Go to your store. Click on Actions > Edit Code

2. Go to Assets > theme.css add below lines at the bottom of the file.

.filters-toolbar-wrapper, .filters-toolbar__input {
color: white;
}
.filters-toolbar .icon-chevron-down {
color: white !important;
}

and it will look like this : 

Twinkle_34_0-1636783115214.png


If helpful then please Like and Accept Solution.

rentwithc
Tourist
20 0 3

hi i would like to make the background of that toolbar white instead of pink

rentwithc
Tourist
20 0 3

please reply to my question above

Savior
Navigator
288 63 90

Give a reference screenshot of how you want the look of the page and title according to that i will provide the css.

Savior
Navigator
288 63 90

@rentwithc 

1. Go to your store. Click on Actions > Edit Code

2. Go to Assets > theme.css add below lines at the bottom of the file.

 

.filters-toolbar-wrapper {
background-color: white;
}

 

Twinkle_34_0-1636786542748.png

 


If helpful then please Like and Accept Solution.