How to change the background color of a product page in Dawn theme?

[jakegrieveson]

I need help getting some code to change my product page background to #d9d9d9

Theme:dawn

website:desire-online.net

[sahilsharma9515]

Hi @jakegrieveson 

Could you please provide your Store URL and, if applicable, the Password too?

So that I can provide you the exact solution.

Best Regards,

Sahil

[jakegrieveson]

desire-online.net

[sahilsharma9515]

Hi @jakegrieveson Thanks for providing the URL; Please add this code in base.css file.

section#shopify-section-template--19958073983266__main {
    background-color: #d9d9d9 !important;
}

If you are not sure where is your base.css file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in Refresh Theme.
4. Click Edit Code.
5. Search Base.css in the code in left hand side.
6. Add the code given above in the bottom of the file.

Result:

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

[Moeed]

Hey @jakegrieveson 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--19958073983266__main-padding {
    background: #d9d9d9 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[DelightCart]

@jakegrieveson  Go to Assetes/base.css and put below CSS at bottom of page.

#shopify-section-featured-product { 
background-color: #d9d9d9; !important;
 }

[DavidEKim]

@jakegrieveson 

Hi,

Don't mess up your code.

1. Please go to Online store > Customize > From top center "Homepage" > dropdown menu to Products > Click and select "Default product"

2. From the left menu, click "Product information"

3. Scroll down to bottom and click "Custom CSS".

4. In the custom CSS field, please add the code below.

section {
  background: #d9d9d9;
}

5. Save the change.

You should have the product page section background color in #d9d9d9 now.

If you want the whole product page (main content), you should follow the steps below.

1. Please go to Edit code > Layout > theme.liquid file

2. Add the code below to line 83 (before :root).

{%- if request.page_type == 'product' -%}
  #MainContent {
    background: #d9d9d9 !important;
  }
{%- endif -%}

It should be the same as below.

I hope it helps.