How can I add a white outline of a button?

Hi again!

I have a button that is not standing out from the image. I think it would be fine if I add a white outline on the borders.

How can I do that please?

URL:

https://toroeatstreats.com/pages/catering

2 Likes

Hi @abailea077

check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.button-block__button.button-block__button--justify-center a {
    border: 1px solid white;
}

And Save.

result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Hi this is Perfect!

I wonder if it’s possible to put round corners as the (Catering box).

Or more simple, is it possible to code that all the buttons on the website has rounded corners?

It seems like you already manage to add the rounded corner, the catering have 10px.

1 Like