Button styling

[northbranding]

Hi Mark, wondering how to style buttons, we've done so for this page: https://demoplatform.net/tiaw_new/join/

It doesn't seem to have a roll over if we define the colours, but the default rollover for the dark grey button isn't very accessible, it turns green on dark grey.

[markendley]

Guttenberg doesn't have a hover option, so here's my solution...

First select the button, and then go to these settings

And then there's a field for you to add in class names....

So add in these class names

wrap-button-hover-color-**[color]** wrap-background-hover-color-**[color]**

Now the colors we have avalaible are...

• turquoise
• dark-turquoise
• dark-blue
• lime
• light-green
• white

So if you want the buttion go go dark blue with white text on hover you add these classes to the field...

wrap-button-hover-color-dark-blue wrap-background-hover-color-white

[markendley]

Just did it, take a look at https://demoplatform.net/tiaw_new/join/ now