Return to previous page

Change the background on the product block

This topic has 5 replies, 2 voices, and was last updated 5 minutes ago ago by Luca Rossi

Goostaf

Participant

September 19, 2024 at 14:58

I’m sorry, the question is again, how do I change the background in the block with the goods correctly? For some reason, our product cards also change color.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#415088 Copied Theme version: 9.3.3

4 Answers
Luca Rossi

Support staff

September 20, 2024 at 07:22
Hi @Goostaf,

That background color is used for the column contains your products, to change the background color of products only. Please follow these steps:

– Add a custom CSS class to the row: https://prnt.sc/c0kqELnztASi
– Then add this custom CSS codes:
```
.pink .products-slider .swiper-slide {
    background-color: #fdf4f8 !important;
}
```
Do the same as the steps above with the others product blocks.

Hope it helps!
#415163 Copied
Goostaf

Participant

September 20, 2024 at 08:30

Not exactly that, I don’t want the product cards to be colored in the background color, I want them to remain white, but they are colored in the background color for some reason. The screenshot shows that the cards have also turned blue, but we do not want to apply color to them, only for the background

Files is visible for topic creator and
support staff only.

#415191 Copied

Goostaf

Participant

September 20, 2024 at 09:03

Oh, I’m sorry, everything worked out with your help, thank you very much, you are the best!

#415207 Copied

Luca Rossi

Support staff

September 20, 2024 at 09:36

You’re most welcome.

If you need anything else please let us know.

#415229 Copied
Tagged: change background, improve woocommerce aesthetics, optimize woocommerce store, personalize woocommerce shop, product block customization, woocommerce design tips, wordpress woocommerce themes
Viewing 5 results - 1 through 5 (of 5 total)