How to change the background colour of filtering part

Store Design
, , , ,
1

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

IMG_1441.jpeg
IMG_1441.jpeg1675×556 33.5 KB

IMG_1442.jpeg
IMG_1442.jpeg1662×589 23.1 KB

And this is my current CSS code:

IMG_1443.jpeg
IMG_1443.jpeg768×833 53.9 KB

Thank you so much if you can help.

2

Hey @ottery

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

Best Regards,
Moeed

3

https://otternailart.com/

4

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 tag

RESULT:

Moeed_0-1697108071425.png
Moeed_0-1697108071425.png1890×887 200 KB

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

Best Regards,
Moeed

1 Like
5

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 Please add following code.

laddisahsi_2-1697108334739.png
laddisahsi_2-1697108334739.png1439×587 208 KB

laddisahsi_3-1697108356263.png
laddisahsi_3-1697108356263.png1439×443 304 KB

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

Laddi

1 Like
6

Thank you very much!

7

Thank you very much.

1 Like
8

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.

1 Like
9

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