Dawn theme | Product details page | Need help in adding a background color on this product page only

Store Design
, ,
1

Hi Shopify community! Need help in adding a background color on the product page section. Should only apply for this particular page only and not affect other pages.

parallelism23_1-1684652312511.png
parallelism23_1-1684652312511.png1920×961 203 KB

Here is what ive tried so far

.shopify-section section {
  background-color: #fffef1 !important;
}
.page-width section-template--18432587432220__main-padding {
  background-color: #fffef1 !important;
}

Thank yoU!

https://fertile-ground.co/products/omeg-3

seogle_1

2

Hey @parallelism23

Please follow below steps

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css or Custom.css
Step 3: Paste the below code at bottom of the file → Save

#MainContent:has(.shopify-section.section .product) .shopify-section.section,
#MainContent:has(.shopify-section.section .product) .shopify-section.section .gradient{background-color: #fffef1 !important;}
1 Like
3

Thanks @codewiser ! Your code worked! but I have one problem , I want to only apply this on certain product pages only and not for all product pages.

As for the other product page , I just want it to be a white background. is this feasible? example product would be https://fertile-ground.co/products/getting-started-course

1 Like
4

Thanks for the likes,

If you want background color for specific product then it can be done by custom code, so can we discuss further on chat message or codewiserinfotech@gmail.com

1 Like