Change Image with Text Button Colour - Dawn Theme

Store Design
1

Hi there, I’m wanting to change the colour of the buttons from black to a gold colour hex #b99f67 on the image with text sections on the home page of www.sanctuaryhome.co.nz pass is flaypo

Would really appreciate some help! Thank you

1 Like
2

Hi,

The new Dawn Theme comes with a function to change the button color at

Customize > Theme settings > Colors > Accent 1

If you want to change the button color by editing the css file, please go to

Actions > Edit code > base.css (only for Dawn Theme)

(most themes use theme.css or theme.css.liquid)

Add the code below.

.button .button–primary {
background-color: #b99f67 !important;
}

If you like to change all buttons to gold color (#b99f67), please add the code below.

.button, .button .button–primary, .shopify-challenge__button, .customer button, button.shopify-payment-button__button–unbranded {
background-color: #b99f67 !important;
}

3

@AidanOW

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.image-with-text__content .image-with-text__text+.button:before, .image-with-text__content .image-with-text__text+.button:after {
    box-shadow: none !important;
}
.image-with-text__content .image-with-text__text+.button {background: #b99f67 !important;}
4

Thank you @DavidEKim , changing the accent worked! I had previously only changed accent 2 which did nothing, but changing accent 1 changed the buttons. Thank you