[Resolved] Abstract Button CSS, using Gblocks

[letsdoit]

Hello Team,

I am using Abstract theme, Gblocks. Below is the css I am using. I want button text color to be #000000 on focus/hover/active state. How to acheive that. And also would prefer a black border in #000000 upon hover.

.gb-button{
font-family: "Spectral", Sans-serif;
font-size: 0.9em;
font-weight: 500;
text-transform: uppercase;
text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
letter-spacing: 3px;
word-spacing: 2px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0px 0px 0px 0px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);}

.gb-button-wrapper a.gb-button {background-color: #000000; padding: 10px 20px;}

.gb-button-wrapper a.gb-button:hover, a.gb-button:active {background-color: #ffffff; text-color: #000000;}

[Leo]

Hi there,

You shouldn’t need CSS for that.

Have you tried the color options first?
https://docs.generateblocks.com/article/buttons-overview/#colors

[letsdoit]

Got it.

[Leo]

Glad to hear.

[letsdoit]

Hello Leo,

On Home page, I am using button and setting is with border in #000000 color (under block setting) but its not working.

Pls advice.

[David]

Hi there,

in the Button > Spacing settings increase the Border width values.

[letsdoit]

thanks David… Sorry for taking your time over this.

[David]

You’re welcome – glad we could be of help

[Author]

Posts