Modifying the styles of symbols with the :has() selector

site profile thumbnail

Description

The new :has() selector is very cool. We can use it to modify the style of symbols in Webflow using override fields. Here we're using a link override field in a symbol to change a symbol's styling from light to dark. Take a look at the cloneable or the linked blog post to read more. NB - support for the :has() selector is limited to Safari and Chrome Beta at this point, so it's not quite ready for live sites!
csssymbolsoverridecustom code

Related Made in Webflow Projects