Clone Project

Override Symbol Styles [Hack]

Created by
Dhruv Sachdev
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
Description from Webflow:  
Webflow lets us override symbol content, but we're stuck with styling... Here is a workaround I've been using until we can officially override symbol styling. This hack is handy if you want to toggle between a few "modes" or "themes" without having to maintain multiple symbols. How it works: It involves linking a hidden text block to an override field to specify a combo class. Custom code is used to apply the defined combo class to the symbol relative to the trigger. You're able to override styles for the trigger parent, sibling or all children elements. This hack works for any number of symbols on a page. Current limitations: Only works on published site Tiny flicker until javascript loads
Tags from Webflow: 
symbols, hack, customcode, override, marquee
.