How can I change the color of the collapsible content row in Dawn Theme?

How can I change the color of the collapsible content row in Dawn Theme?

gabygaby12
Visitor
1 0 0

Hi, can someone help me to change the color of the collapsible content row so that the background color of the content is different from the "General Shipping" boxes.

 

Screen Shot 2023-09-01 at 11.10.25 AM.png

I want to make the "General Shipping" Box color stays as is, but the content to have a different background color, for example gray or lighter color. I'm using Dawn Theme

Replies 4 (4)

Guleria
Shopify Partner
3204 623 899

Hello @gabygaby12 ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below:

.product__accordion .accordion__content { 
    background-color: #f00 !important;
}

 

You can change the color code a/to your need.

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal

Moeed
Shopify Partner
4361 1123 1380

Hey @gabygaby12 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

oscprofessional
Shopify Partner
15961 2387 3095

Hello @gabygaby12 

Please provide your store URL so I can review it and provide a solution.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Trekatecture
Visitor
1 0 0

I am trying to do the same thing. However when I paste this code in, and change it to the color I want, nothing seems to happen.