Styling Components: A New Way Of Using Webflow!?

In this video we look at how you can now style components using data attributes or classes without touching the Webflow designer.

[@keiths.197]

I really like these features. Always best to limit what clients can mess with. Thank you Sam for explaining it so well too!

[@sam-harrison]

My pleasure!

[@hadiaslam7801]

THis is absolutely useful, infact i'm using the combination of custom element, classes, attributes, and components to create a nav bar that i can reuse on all of my projects, i often found myself using multiple variations of navbars on 1 website, so i think this combination is game changing, and after slots it'll be much efficient and powerfull. but i gotta say that the way you create your components, is a whole guru level🔥, fantastic job. I wish i could get a clonable of this

[@sam-harrison]

When it’s done it’ll be cloneable 👍

[@rorystevens66]

Thanks for making this Sam. Could you reference the colors you've laid out in Webflow's variables in your custom code? I'm thinking it might be weird to have colors defined in Webflow's variables and then the same or similar colors defined separately in custom code. It terms of organisation/consistency I can imagine myself updating one but forgetting to update the other, etc.

[@GregDolan]

Amazing, looking forward to learning more from the cloneable 🔥

[@BrendanOConnellWP]

This was very cool! Thanks for sharing Sam

[@sam-harrison]

Thanks Brendan! 👍🏻

[@sachinRao15]

Subscribing ☮️

[@sam-harrison]

Thank you 🙏🏼