Docs

[Ann]

Hi Again,

(Sorry for keep bugging you guys)

I’m trying to change background on my woocommerce product page and I added the following css that I found in another thread to customizer;

.woocommerce.post-type-archive-product {
background: url(‘https://www.onlineconsigncouture.com/wp-content/uploads/2016/03/ct-light.jpg’) no-repeat;
background-size: cover;
background-color: read;
background-attachment: fixed;
}

However, nothing is changing. Is there a second step to this?

Page: https://www.onlineconsigncouture.com/boutique/

Thanks!

Ann

[Thai]

Hi There,

Your website is under construction.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Ann]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for the credentials. Kindly update your code to following :

.woocommerce.post-type-archive-product .site {
  background: rgba(0, 0, 0, 0) url("https://www.onlineconsigncouture.com/wp-content/uploads/2016/03/ct-light.jpg") no-repeat fixed 0 0 / cover ;
}

Hope this helps.

Cheers!

[Ann]

Fabulous!! That worked!

Thanks so much!!

How can I modify the code to target individual product page?

Ann

[Thai]

Hi There,

Please try with this CSS:

.single-product .site {
  background: rgba(0, 0, 0, 0) url("https://www.onlineconsigncouture.com/wp-content/uploads/2016/03/ct-light.jpg") no-repeat fixed 0 0 / cover ;
}

Hope it helps 🙂

[Ann]

Yup, that worked!

THANK YOU 🙂

[Thai]

If you need anything else please let us know.

[Author]

Posts