[Support request] Button White With Black Edge (Surround)

[John]

Hi

I have a client that has requested white buttons with a black edge or surround. Just like the one you use here on your Submit button. This would be for pages / products and blogs. Are you able to help with a fix. I believe the customise option does not cover this.

Would really help. thank you.

John

[Leo]

Hi there,

Your site is under coming soon page.

Any chance you can unlock it so we can see?

[John]

Hi Leo

Sorry. I’ve unlocked it.

The shop is not open so not many buttons on view. But the read more buttons on the blog page are typical.
Wanted to have them White with a black edge. Like the Submit Button below on the GP site.

https://goodhealthboutique.co.uk/blog/

Thanks John

[Leo]

Try some CSS like this for button border and border radius

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.button:visited {
    border: 1px solid #000;
    border-radius: 5px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

The color options should be in the customizer.

[Author]

Posts