How to also get font to change to bold on hover?

Design help Animations & Interactions
1

We created a Contact menu item based on this video.

When someone hovers within the area of the link block, we want the dot to show up and the font to be in bold.

At the moment, the dot shows up when user hovers over the link block, but the font is only in bold if user hovers within the area of the text block. If you hover within the dot’s container, only the dot shows up.

How do we get the font in bold even if user hovers within the dot’s container? :frowning:

Thanks in advance!

Here is my public share link: https://preview.webflow.com/preview/work-in-progress-2d7bf2-880862b17dc90e?utm_medium=preview_link&utm_source=designer&utm_content=work-in-progress-2d7bf2-880862b17dc90e&preview=d135e5bf5db7aa777c531b4eb9209152&mode=preview

2

Remove the font style from the text element, and set the font style to his parent (nav menu item link block).
Set the hover state styling (bold text) to the parent element as well.

I hope this helps :slight_smile:

3

Got it! Thanks so much :slight_smile: