Can I change the button color on the Dawn theme?

[Rckymtnsun1]

We are wanting to make the second “Shop Coral Isles” button background color as #E87E6F with the text color as #17334F. Does anyone know if this is possible?

website url is www.https://rmsunscreen.com/ and it is the Superior Protection box you see and we are using the Dawn theme

[PageFly-Henry]

Hi @Rckymtnsun1

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.banner__buttons.banner__buttons–multiple [href=“/collections/coral-isles-sunscreen”] {

background: #E87E6F !important;

color: #17334F !important;

}

.banner__buttons.banner__buttons–multiple a.button.button–secondary:after,

.banner__buttons.banner__buttons–multiple a.button.button–secondary:before {

box-shadow: unset !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[ZenoPageBuilder]

Hello @Rckymtnsun1

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.banner__buttons .button--secondary {
    color: #17334F !important;
    background-color: #E87E6F !important;
}

The result

Hope that helps!

[helen25]

Hi Rckymtnsun1,

Follow these steps :

1. Go to Online Store

2. Edit Code

3. Find base.css file

4. And put this code in the botom

.banner__buttons{
background-color:#e87e6f;
color:#17386b;
}