Change background color of a section

[liu_x_trujillo1]

Hi,

I am trying to change the background color of the section "Why Shop with Us" to white on product pages. This section comprises of two parts - 1) Custom Liquid for the title 2) Text with Icon for the body.

What CSS code should I implement? Thank you!

Please see this page as an example - https://embroidtale.com/products/cocoon-of-comfort-butterfly-embroidered-necklace-9

[BSSCommerce-B2B · Accepted solution]

Hi @liu_x_trujillo1 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file theme.css. And add this code snippet to the end of the file.

.shopify-section.shopify-section--custom-liquid *, .shopify-section.shopify-section--text-with-icons * {
    background: white !important;
}

Step 3: Save your code and reload this page.

The result will be: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

[liu_x_trujillo1]

It worked! Thank you so much!

[BSSCommerce-B2B]

Dear @liu_x_trujillo1 , 

We're happy to see that our suggestion helped you solve the issue.

Can you kindly give us the likes? This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.

Thanks in advance! 

😍 It's such my honor to help you, bro.