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
3808 962 1193

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
3808 962 1193

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
ottery
Tourist
4 0 1
Moeed
Shopify Partner
3808 962 1193

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
ottery
Tourist
4 0 1

Thank you very much!

Moeed
Shopify Partner
3808 962 1193

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

laddisahsi
Shopify Partner
383 38 40

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
4302 975 1629

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!


PageFly - #1 Page Builder for Shopify merchants.


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