How can I change the color of my 'Add to Cart' button frame?

[kkd123]

Hi

I am looking to change the color of my “Add to Cart” button, but NOT the color of the price or links. When I change the “button & links” color, it changes the buttons & links (clearly…)

I tried adding this code to my timber.scss.liquid per another forum

button#AddToCart.btn {
Color: #FFFFFF;
background-color: #b49c69;
font-weight: bolder;
}

and this works for the button itself, but the frame/border of the “add to cart” button is still green and seems to be overrided by the theme color.

I’d like for the price and links to be 6E8B78 and the “Add to Cart” button AND button frame to be #b49c69.

^^how it looks with the timber.scss.liquid code added

help, please and thank you!!

[kkd123]

I think I solved my own problem (posting for anyone who else wants to know)…changed the following (see RED) in timber.scss.liquid and left my original timber.scss.liquid adjustment at the bottom of the file

.btn–secondary,
input.btn–secondary {
@extend .btn;
background-color: transparent;
color: $colorBtnPrimary;
border-color: $colorBtnPrimary;
white-space: normal;

to

.btn–secondary,
input.btn–secondary {
@extend .btn;
background-color: transparent;
color: $colorBtnPrimary;
border-color: #b49c69;
white-space: normal;

AND

.btn–tertiary,
input.btn–tertiary {
@extend .btn;
margin: 0;
background-color: $colorBtnTertiary;
color: $colorBtnTertiaryText;
border: 1px solid $ColorBorder;

to

.btn–tertiary,
input.btn–tertiary {
@extend .btn;
margin: 0;
background-color: $colorBtnTertiary;
color: $colorBtnTertiaryText;
border: 1px solid #b49c69;

IF anybody has any insight into whether this is okay or not, let me know haha!

[David_SHT]

Hi @kkd123

This is David at SalesHunterThemes.

Thank you for your question.

Please send your site and if your site is password protected, please send me the password. I will check it.