Background-color for collapsible row and bar on the left

TrendBlend
Explorer
109 0 16

Hello I want to make a special delivery information collapsible row for my product page. But I don’t know how I can make the background color for it when collapsed and when not collapsed one color and different than the standard white like this:

3B1F0558-1819-4EDD-9BC6-9933514F4338.jpeg

 I would also like the left bar when collapsed seen in this picture >

6EC487FD-1458-4ECA-A97D-9FCD5B5230D4.jpeg

it currently looks like this:

031014B1-117F-4ECF-851E-1BF41D06CFCE.jpeg

i only want the Verzending collapsible row to be like that. My url is: https://trendblend.eu/products/controllable-led-curtain

Replies 2 (2)

BSS-TechFusion
Shopify Expert
149 26 15

Hi @TrendBlend,

You can try the following steps:

 

Step 1: Go to Theme -> Edit code

 

view (13).png

 

Step 2: Search for the file base.css.

view (14).png

 

Step 3: Add this code snippet to the end of the base.css file.

 

product-info details {
    background: #f7f8fa;
}

 

 

Step 4: Save your code

 

Result:

Before:

view (15).png

 

After:

view (16).png

 

Hope it helps!

If it helpful, please mark as a solution. Thanks and have a nice day sir! 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

devcoders
Shopify Partner
116 17 31

HI @TrendBlend 

The collapsible row section is not visible on the product page.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!