Change button text background

Solved

Change button text background

Mohd01
Excursionist
51 0 4

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!

 

 

Accepted Solution (1)

EstherBui
Trailblazer
276 39 44

This is an accepted solution.

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

 

 

Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

View solution in original post

Replies 2 (2)

EstherBui
Trailblazer
276 39 44

This is an accepted solution.

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

 

 

Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Mohd01
Excursionist
51 0 4

Hey, It worked! Thanks for the help.