Change button text background

Shopify Discussion
1

Hi there,

I want to change the background color of the SHOP NOW button on my image banner. I want it to be white and the text to be black and bold.

This is how it currently looks:

Osama01_0-1737280959431.png

This is how I want it to be:

Osama01_1-1737280991718.png

Theme : Dawn theme
Store URL: https://cngdxq-tk.myshopify.com/

Thanks In advance!

2

Hi Osama01

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
a.button.button--secondary {
    color: #000;
    font-weight: 600;
}

.banner__buttons {
    background: #fff;
    border-radius: 20px;
}

.button--secondary:after {
    --border-opacity: unset !important;
}

Result:

EstherBui_1-1737283541094.png
EstherBui_1-1737283541094.png532×494 145 KB

Best,
Esther

3

Hey, It worked! Thanks for the help.