Need help adding custom CSS that will add a background image to my Product Information section. I was able to add an image to the Description block using the following code, but that’s not what we need:
.product__description {
background-image: url(“https://cdn.shopify.com/s/files/1/0725/6467/0684/files/Untitled-2.png?v=1770413544”);
background-size: cover;
background-position: center;
padding: 0px;
As you can see, the image is contained within the Description block and not applied to the section background. We want the page to look like this:
Any thoughts how we can make this work? Using Dawn Theme with default section settings.
Hi @greenvalleycode
Your page is nto classic Dawn, so if you can please share a preview of your theme.
But for sure it is not .product_description but try some other parent div like
.product__info-wrapper
or just
.product
Hi @greenvalleycode
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
Best regards,
Devcoder 
You may try this solution: Adding background image to an existing section - #2 by tim_1
Some parts of the section may use their own background though, this is theme-dependent.
You may need to either re-configure those for transparent background or use more CSS to do this.
Could you share the link to your product page?
Hi there, thank you so much for your help!
Yes, I am working with the default Dawn product section. The image I’m using includes white space in the center, with content on the left/right sides. So we should be able to simply apply the image to the Product Information section as a background image to make this work.
I cannot yet share a link to the website because the site it not live, and we have a placeholder site using the same URL in the meantime. Hopefully you can still offer a solution.
Thank you!
Ethan
