Change button color - theme.scss.liquid - debut theme

[myjerseyposter]

hi all,

for some reason, I am unable to change the color of my website buttons using the dynamic website customizer. see photo:

I already know I will need to add some additional code to the theme.scss.liquid file, so can someone help me change the color of my buttons from black to blue?

site: https://myjerseyposter.com/

Thanks in advance!

[dmwwebartisan]

@myjerseyposter

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.btn{
background-color: #3233e1 !important;
}

Hope this helps.

Thanks!

[myjerseyposter]

thank you for the fast and helpful response. all the best

[myjerseyposter]

@dmwwebartisan hi, after implementing, i noticed an interesting side effect of this code. it makes these buttons blue too. is there any way to change them back to white while maintaining the blue buttons on the home page? interesting, it only occurred on mobile view. here is a photo:

thanks in advance

[dmwwebartisan]

@myjerseyposter

I checked on the mobile. I didn’t get this case. Did you solve the issue?

Let me know.

Thanks!

[myjerseyposter]

@dmwwebartisan hi, i just added the code again. you should see it now. thanks in advance

[dmwwebartisan]

@myjerseyposter

Remove old code and try to add this new code:

button.btn.product-form__cart-submit.trtle.trtle-cloned {
    background-color: #3233e1 !important;
}

Thanks!

[myjerseyposter]

@dmwwebartisan

hi. this code has fixed the second problem (arrow buttons on product page have turned white), but the first problem is back (buttons on the home page have reverted to black instead of blue).

thank you!

[dmwwebartisan]

@myjerseyposter

Add the following code for the home page.

.template-index a.btn {
    background-color: #3233e1 !important;
}

Hope this works.

Thanks!

[myjerseyposter]

@dmwwebartisan

works perfectly cheers!