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?
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.