[Resolved] How to displa button text bold on hover?

[Sascha]

Hi,

please, allow me to handle this request here, since I use both GPP & GBP and would like to keep all my support tickets here.

I’d like to create a button with a text “Press me” with a bigger font-weight on hover.

How can I achieve this?

Thank you in advance and kind regards,
Sascha

[David]

Hi there,

1. Add this CSS to your site:

.bold-on-hover:hover {
	font-weight: 900;
}

2. select the Button in the editor, and in Advanced > Additional CSS Class(es) add: bold-on-hover

Note this will scale the size of the button, so you may find its not the prettiest of effects.

[Sascha]

Thanks, David!

Any chance to apply this effect via Global Styles?

[Ying]

Do you mean GB’s global style?

Hum.. I don’t think so as the typography in GB doesn’t have the hover state.

You still need to use David’s method.

[Author]

Posts