[Resolved] Change background color on single product page

[Luca]

Hi, I need to change background color only in the part highlighted in the attacked image. What can I do?

[David]

Hi there,

that may be tricky…. can you link me to that page so i can take a look ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Luca]

Hi,
I send in private… Thanks

[David]

Aah ok. Try adding this CSS:

@media(min-width: 769px) {
    .woocommerce.single .product {
        background-color: #fff;
    }
    .woocommerce.single .product .entry-summary {
        padding-top: 40px;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Luca]

I added this CSS in Customize > Additional CSS but it doesn’t work…

[Ying]

The CSS above David’s CSS is missing a closing bracket:
https://www.screencast.com/t/tQKIHIkttmc

[Luca]

It works, thanks a lot.

[Author]

Posts