Background-color for collapsible row and bar on the left

Background-color for collapsible row and bar on the left

TrendBlend
Trailblazer
364 0 40

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)

BSSCommerce-B2B
Shopify Partner
1972 564 567

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! 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

devcoders
Shopify Partner
1624 190 496

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