Button style with border

[RevealHM]

Hello,

How can I make a button like this? I want a color in the background and a white border but inside of the color.

Thank you!
Ashley

[prakash_s]

Hello Ashley,

Thanks for writing to us.

In order to achieve the given button layout, I would suggest you please add this custom CSS code to the Button element CSS.

$el.x-anchor .x-anchor-content:before {
    position: absolute;
    content: '';
    border: 1px solid #ffffff;
    width: 97%;
    height: 70%;
}

Please feel free to change the color code and width height as per your button size. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[RevealHM]

Thank you so much!

[ruenel]

You are most welcome, Ashley.