Archived topic

How to displa button text bold on hover?

3 replies · Started by Sascha on August 19, 2022

Viewing posts 1–4 of 4

August 19, 2022 at 1:57 am #2317278

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

August 19, 2022 at 2:43 am #2317321

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.

August 20, 2022 at 9:51 am #2318509

Thanks, David!

Any chance to apply this effect via Global Styles?

August 20, 2022 at 1:03 pm #2318607

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.

This archived topic is closed to new replies.