FROM CACHE - en_header

Header/Margin Color Change on Product Page

6 0 1

Trying to get just the top portion of the product page to have a background color. So far I've been able to get the entire product area and my breadcrumbs area to have a background color, but there's still a white portion of the page showing and I don't know how to change its color. Here's an example of the white background color showing through:




If I change the .main-content to have the background color I want, the white space changes correctly but it also changes the rest of the page and I only want the off-grey color at the top of the product page. 


Here's the URL to the product page.  I just want the grey color at the top of the product page, above the fullscreen image.


I'm using the Venture theme if that impacts anything.


If anyone can help that'd be great!



Replies 2 (2)
Shopify Partner
34392 3443 11265


sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-product .main-content {
    background: #f1f3f2;


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
6 0 1



Thanks for the reply! Not sure if you saw it in the original post, but when I change the color of .main-content it "fixes" the issue, but also changes the color of the entire page which I don't want to do. Just trying to get the header to go grey.


In the image below of the full product listing, you can see what I mean. The area labeled 'stay white' turns grey if I add the .main-content code.




Hopefully, that makes sense!