Docs

[redssg]

Hello, I’ve added the custom CSS code:
————————————-
.archive .woocommerce li.product .entry-header h3,
.archive.woocommerce-page li.product .entry-header h3 {
background-color: #E8E3D6;
}

.archive header.entry-header {
background-color: #E8E3D6;
}
————————————–

which changed the background of my products to khaki which is what I want. However, they all seem to have a white border/padding which does not allow the full boxed area below the picture to become colored. What do I need to add or adjust to make the khaki area fill the full area. Image attached to see what Im talking about.

The other thing I’m not sure about is they are using an old version of X- 3.2.3. If they were to update will this correct the problem?

[redssg]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Let’s try this :

.woocommerce .entry-wrap, .woocommerce-page .entry-wrap {
  background-color: #e8e3d6;
}

Cheers!

[redssg]

perfect thanks! I removed the other 2 codes I added and replaced it with yours.

[Nico]

Happy yo hear that.

Feel free to ask us again.

Thanks.

[redssg]

Ok, so I just noticed the code you gave me fixes the product listing but also adds a background color to the product page as well. How can I only have it change on the product catalog side and not have the colored background on each item when you click in to it?

[redssg]

.woocommerce li.product .entry-wrap {
background-color: #E8E3D6;
}

that is the code I ended up putting together to make the listing background change but not the actual product page. Is that a good code to use?

[Jade]

Hi there,

That code should be fine. Feel free to let us know if you have other questions.

[Author]

Posts