how do i change this white rectangular box to the same colour as my background #7e6d60

Solved

how do i change this white rectangular box to the same colour as my background #7e6d60

dumbl3d00r
Explorer
60 0 12
Accepted Solution (1)

Vinsinfo
Shopify Partner
486 165 169

This is an accepted solution.

@dumbl3d00r Please follow the below steps to change the white rectangular box to the same color as background. Let us know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click the action button from the current theme and select "Edit code".
3. Search and locate the base.css file. Add the below CSS code in the base.css file at the bottom of the file, like in the below attached screenshot.
FYI: The color code you given seems a bit different from the actual background. Consider using below color code instead "#7e6d60".

 

.product__info-container .product__description .detail-desc-decorate-richtext p:first-child {
  background-color: #786659 !important;
}

 

Vinsinfo_0-1729059815370.png

 

4. Final results will be like,
Vinsinfo_1-1729059823586.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
11360 2226 2399

Hi @dumbl3d00r 

This white box comes from an additional HTML in your product description; please edit your product remove that HTML from your product's description to solve the issue Screenshot 2024-10-16 at 09.23.20.png

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

Vinsinfo
Shopify Partner
486 165 169

This is an accepted solution.

@dumbl3d00r Please follow the below steps to change the white rectangular box to the same color as background. Let us know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click the action button from the current theme and select "Edit code".
3. Search and locate the base.css file. Add the below CSS code in the base.css file at the bottom of the file, like in the below attached screenshot.
FYI: The color code you given seems a bit different from the actual background. Consider using below color code instead "#7e6d60".

 

.product__info-container .product__description .detail-desc-decorate-richtext p:first-child {
  background-color: #786659 !important;
}

 

Vinsinfo_0-1729059815370.png

 

4. Final results will be like,
Vinsinfo_1-1729059823586.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support