How to change the colour of the text in a button?

Technical Q&A
1

Hi,

The colour of the text of my “Shop all” and “Sale” buttons is white, which is very similar to the colour of my background photos.

I’ve tried many times to play with the buttons on the right panel but have no idea which one is linked to what I am after.

P.S. Could anyone tell me which option to choose from the right hand side, instead of coding please?

For example, I’ve tried to change colour on “accent 1”, “accent 1 gradient” etc. one by one, some colour of the webpage did not, but not what I am looking for.

URL is imcherrycola.com and password is password.

Thank you

PeanutJr_0-1657797683428.png
PeanutJr_0-1657797683428.png1639×902 211 KB

2

Hi!

It should be under the Theme settings for banners rather than buttons, as the button is built into the Banner section.

It may not have an option to change so if you would like the code, see below.

Add this to your ‘section-image-banner.css’ file:

a.button.button--secondary {
    color: #000 !important;
}

You can change the ‘#000’ to whichever color code you would like, just search ‘Hex color codes’ on google :slightly_smiling_face: