How can I change my call to action button's color to black with white text?

Shopify Discussion
1

How can I change the color of my call to action button (“Shop all”) to black with the text white?

My website: https://michaelmoraine.myshopify.com/admin/themes/142183104779/editor

2

Hi @Michaelkevin22 ,

Can you share the store password, please. Thank you

3

Hello @Shop2cop

To provide you with the most precise solution in this case, could you please share your store password?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

4

Hi @Michaelkevin22

Can you kindly share your store password with us?

Thank you.

5

rortaw

6

Hi @Michaelkevin22

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

a.button.button--primary {
    background-color: #000 !important;
    color: #fff !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

7

Hi @Michaelkevin22

Please go to Online store > Theme > Edit code:

view (1).png
view (1).png1695×578 70.4 KB

Go to the file section-image-banner.css and add this code at the end of the file:

.banner__buttons > a {
    background: black;
    color: white;
}

We hope that this can help you.

8

Sorry, it doesn’t work.

Check if I made it the right way or not please

Screenshot_20230224_112350.jpg
Screenshot_20230224_112350.jpg1080×2257 250 KB

9

Screenshot_20230224_112651_com.android.chrome.jpg
Screenshot_20230224_112651_com.android.chrome.jpg1080×2340 236 KB

It tells me “unable to update the file”.

I would need more precise indications

10

Hi @Michaelkevin22

We saw that you have edited the wrong file. Please follow what we guided you (find the correct file name that we have bolded and paste the code we suggested at the end of the file).

11

I managed to do it. Thank you!

1 Like