Background-color for collapsible row and bar on the left

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:


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


it currently looks like this:


i only want the Verzending collapsible row to be like that. My url is:

Replies 2 (2)

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




view (15).png



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

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
If my assistance was helpful, please consider liking and accepting the solution. Thank you!