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
3952 791 1123

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

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

Moeed
Shopify Partner
6591 1784 2167

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


oscprofessional
Shopify Partner
16215 2425 3149

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 | OSCP Shipping Discounts 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.