Site logo

Archived topic

Button White With Black Edge (Surround)

3 replies · Started by John on September 3, 2018

Viewing posts 1–4 of 4

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

Hi there,

Your site is under coming soon page.

Any chance you can unlock it so we can see?

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

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.

This archived topic is closed to new replies.