Streaming live at 10am (PST)

Font Awesome rollovers on span classes


#1

Hey,

In the footer I'm using some Font Awesome icons (span classes) next to the text links and want them to have joint rollover states, activated with the rest of the link block. So far I can only give them their own rollovers, separate from the text. Anyone know what I'm missing here, or if there's a hack to get the desired effect?

https://preview.webflow.com/preview/spiffing-freebies?preview=e1ed924f163c34fb62d8590003c875c0

Thanks (in advance).

Carl


#2

Hi @carlcankite

If "rollovers effect" include some style changes (font color, shade, font size etc.) you can try to make that spans position: absolute so they will cover the whole link.

If that "rollover effect" does not change the styles, then you can use interaction with hover trigger, applied to link and affecting span element.

Cheers,
Anna


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.