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
9826 2238 3078

@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
2595 310 645

@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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Savior
Trailblazer
134 23 53

@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
Trailblazer
134 23 53

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

Savior
Trailblazer
134 23 53

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