I was disappointed to see that overrides in symbols only apply to content, basically CMS without using CMS, which is nice...
...but, I think it would be truly useful if you could also apply stylistic, or at the very least visibility overrides.
For example, I created a left side menu to organize my clients products in different ways. The main shop page has a larger photo driven version of the "Shop by Jewelry Type" menu, that sits at the top of the left side menu. While I need this menu on every other page, it's obviously redundant on this page.
I know that I can disconnect this instance from the symbol and delete it, but then any time I change the menu, I have to replace it with the symbol and delete the redundant menu. Not a big deal in this case, but in a situation that's more complex, or has many overrides for many pages, it could become easy to forget everything you need to do each time you make a change.
Skyler Kline
Visibility properties are here for symbols components and style properties are planned. https://webflow.com/blog/webflow-conf-2022-keynote-recap#components
.svg){kind=logo}
Bump. This would be really handy.
This would be super handy. Currently I'm using a symbol for project tiles on my portfolio page. Am using custom overrides for the content, but would also like to over-ride the classes so that I can assign different classes with the MixItUp Filter. Without that, I've now had to break apart the symbols to assign the filter classes.
I would like to change navigation text color based on the page you are visiting.
I faced a similar issue and solved it with an attribute selector in the page custom code block (not the global site custom code block! 😁 ) on the pages where I need a part of the symbol hidden. Any other selector would work as well, of course, depending on the design.
<style>a[href="/some-link"] { display: none !important; }</style>Use web browser inspector to find the correct CSS class name.
Conditional visibility on symbol overrides would be super helpful 👈🏼
I second this, adding an ability to hook overrides up to certain styles would be extremely useful. In my case, I have a card symbol I'm reusing and would like to be able to change the background color for different cards. Thanks!