WooCommerce override background image

[MarcBrandl]

Hello,

I’ve set up a website and a store on there with WooCommerce and it’s all working amazingly.
The only thing I would like to change is that there won’t be a background image on the “Shop” page and just use a color.

I tried the following code and when I reload the page I can see the color for a short time but then the background image fades in again.

.woocommerce-page{
background-color: #FFE1EF;
background-image: none!IMPORTANT;
}

Is there a way to just disable the background-image on this very page?

Thanks already for helping me out.

[ruenel]

Hey Marc,

Thanks for writing in! I could not check your sites since it is in construction mode. You might use this code instead:

body.woocommerce-page{
  background-color: #FFE1EF;
  background-image: none !IMPORTANT;
}

This is just a wild guess. If this does not work, please provide us access to your site so we can give you a more tailored solution to your issue.

Cheers.

[rad]

Hi @Marc,

Please change the CSS to this

body.woocommerce-page{
  background-color: #FFE1EF;
  background-image: none !IMPORTANT;
}
body.woocommerce-page .backstretch {
display: none !important;
}

That should work

Cheers!

[MarcBrandl]

Wow amazing! Thanks a lot @Rad!
It worked. That’s exactly what I wanted.

Thank you.

[Prasant]

You are most welcome.