Solved

What is the correct method to change button color in Shopify's Dawn Theme?

boundlove
Excursionist
32 1 5

I am trying to change the button colour on the header with no luck. 

I have tried placing the following code in the base.css file 

 

#section.template--14182148767790__image_banner.block.button.button_label_1/escape
{ color: #F6F2F2 !important;
background-color: #AFBEE3 !important;
}

Screen Shot 2021-10-18 at 3.20.47 PM.png

Accepted Solution (1)
Ecommpremium
Shopify Partner
512 43 92

This is an accepted solution.

@boundlove  use this class 

 

.banner__content .button:last-child {

 color: #F6F2F2 !important;
background-color: #AFBEE3 !important;
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website

View solution in original post

Replies 10 (10)

Ecommpremium
Shopify Partner
512 43 92

@boundlove  can you provide store Url?

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
boundlove
Excursionist
32 1 5

It's not a published store yet!

Ecommpremium
Shopify Partner
512 43 92

@boundlove  you can send me an unpublish preview link of theme if possible?

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Ecommpremium
Shopify Partner
512 43 92

This is an accepted solution.

@boundlove  use this class 

 

.banner__content .button:last-child {

 color: #F6F2F2 !important;
background-color: #AFBEE3 !important;
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
boundlove
Excursionist
32 1 5

That didn't work unfortunately

Ecommpremium
Shopify Partner
512 43 92

please let me check for you deeply can you contact us below! @boundlove 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Ecommpremium
Shopify Partner
512 43 92

@boundlove  use 

.banner__buttons {
 color: #F6F2F2 !important;
background-color: #AFBEE3 !important;
}
- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
boundlove
Excursionist
32 1 5

Still no luck! 

Ecommpremium
Shopify Partner
512 43 92

can you DM! @boundlove 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website