Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to change the background colour of filtering part

Solved

How to change the background colour of filtering part

ottery
Tourist
4 0 1

I would like to change these two white part to another colour, what is the CSS code?IMG_1441.jpegIMG_1442.jpeg

 

And this is my current CSS code:IMG_1443.jpeg

Thank you so much if you can help.

Accepted Solution (1)
Moeed
Shopify Partner
6301 1711 2057

This is an accepted solution.

Hey @ottery 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--20370813878546__product-grid-padding {
    background: #90887D !important;
}
</style>

RESULT:

Moeed_0-1697108071425.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
6301 1711 2057

Hey @ottery 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


ottery
Tourist
4 0 1
Moeed
Shopify Partner
6301 1711 2057

This is an accepted solution.

Hey @ottery 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--20370813878546__product-grid-padding {
    background: #90887D !important;
}
</style>

RESULT:

Moeed_0-1697108071425.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


ottery
Tourist
4 0 1

Thank you very much!

Moeed
Shopify Partner
6301 1711 2057

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


laddisahsi
Shopify Partner
385 38 41

Hi @ottery 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. Before end of </head> Please add following code.

<style>
.section-template--20370813878546__product-grid-padding {
    background-color: #ede6db;
}
</style>

 

laddisahsi_2-1697108334739.png

 

 

laddisahsi_3-1697108356263.png

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Laddi

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
ottery
Tourist
4 0 1

Thank you very much.

PageFly-Richard
Shopify Partner
4782 1082 1749

Hi @ottery 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.section-template--20370813878546__product-grid-padding {
    background: red !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.