Back ground color on product page

Hello, I’m working on a light grey background on the product page. Please see link.

I would like to add the grey back ground also on the “tabs” area (but not on RELATED PRODUCTS) and in the navigation bar. Please see attachments, both are white at the moment.

Could you please help me on this? Thanks, Mattia

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS:

.single-product-content .product-tabs-wrapper {
    background-color: #F9F9F9;
}
.related-and-upsells{
background-color: #F9F9F9;
}

Best Regards

Hello,

navigation bar changed, but “tabs” background it’s still white.

On the other hand the CSS code changed the “features products”, that I wanted to keep on white background.

Thanks, Mattia

Hello,

Delete this part of code:

.related-and-upsells{
background-color: #F9F9F9;
}

Please check your custom CSS http://prntscr.com/kfckaf seems that you have stipulated white for tabs, please provide your site admin access.

Best Regards

Thanks! I fix that part! 🙂

What about the “navigation menu”? it is still white.

Here: https://www.gast-shop.com/product/logobillia2/ and here too: https://www.gast-shop.com/product-category/sunglasses/

Please check attachments.

Thanks, Mattia

Attachments:

You must be logged in to view attached files.

Hello,

Set the necessary color and add to Custom CSS:

.single-breadcrumbs-wrapper {
    background: #F9F9F9;
}

Best Regards

Hello,

In the product page it works.

What about the “category page”?

https://www.gast-shop.com/product-category/sunglasses/

it should be as shop page https://www.gast-shop.com/shop/

Thanks, Mattia

Hello,

Please try this code:

.tax-product_cat .main-page-wrapper{
background:#f9f9f9;
}

Add this code to the Theme settings > Custom CSS.

Best Regards

[Author]

Posts