Hello everyone.
I am using the Sense theme and I want all the buttons to have the same color.
Please help me to fix it. Thank you.
Here’s the link to the preview:
@orange1989 - which color do you want for all the buttons?
1 Like
Hello,
The below CSS snipper might come in handy to you:
a.button.button--primary {
background: red !important;
color: green !important;
}
.quick-add__submit {
background: yellow !important;
color: black !important;
}
Or:
.button, .button-label, .shopify-challenge__button, .customer button {
background: black !important;
color: #555555 !important;
}
You get the drill.
Adding the above at the end of your base.css file should get you started. Feel free to post here in case you require further assistance.
Cheers!
1 Like
hello @suyash1 this is the hex code for the color: #FFAD00
hello @GabrielS here’s the hex code for the color i want to change it to: #FFAD00
where should i add this?
@orange1989 - add this css to the very end of your base.css file and check
.button, .button-label, .shopify-challenge__button, .customer button {
background-color: #FFAD00 !important;}
1 Like
@suyash1 it worked! thank you so much. but how can i change the colors of the texts inside the buttons to be white?
@orange1989 - replace last line with this one
.button {background-color: #FFAD00 !important; color: #fff !important;}
1 Like
Hi @orange1989 .
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can go to Online store => themes => actions => edit code and add this code on file base.css
.button, .button-label, .shopify-challenge__button, .customer button{
background-color: #FFAD00 !important;
}
Hope this answer helps.
Best regards,
Richard | PageFly
1 Like
Hello @PageFly-Richard & @suyash1
Thanks for the amazing help. I do have a concern:
This button “Filter & Sort” became highlighted on mobile version.
1 Like