Styling the perfect radio button for CMS Filter in Webflow

Cloneable: try.webflow.com/thelazygod-cl...
CMS Filter by ‪@Finsweet‬: finsweet.com/attributes/cms-f...
Twitter: / justriziki
---------------------------
This video is all about styling that radio button for Finsweet CMS Filter. It is a follow up to my first video about setting up the filter that you can find here: • CMS filtering on a col...
---------------------------
Time stamps
0:00 Intro and setup
0:57 Styling the default state
1:55 Color variables setup
2:30 Hover state and color-mix
3:50 Active state
5:37 CMS Filter buttons
6:12 Use color from CMS
7:37 Final result
---------------------------
Affiliate links
Want to record videos like this? I’m using Screen Studio to record and edit my videos.
Download the Mac app here: screenstudio.lemonsqueezy.com?aff=wwRey
This is an affiliate link. It won’t cost more for you, but using the link will support the channel.
---------------------------
Thanks for watching!
Subscribe to stay in the loop.

[@AlexiaGreeff]

This tutorial is pure gold! THANK YOU! I searched far and wide and watched many other tutorials to find why my implementation of finsweet's filters was not working on my project, yours cracked the code! Top class tutorial!

[@AlexiaGreeff]

This tutorial is pure gold! THANK YOU for explaining how to use finsweet's filters so clearly... after searching far and wide and watching many other tutorials on the same topic, there was one small bug I needed to find to make my project work... your video was the one to help me crack the code! Top class tutorial!

[@FloNocode]

Just amazing man ! Thanks for this amazing content ! Don't stop to deliver this kind of masterclass

[@jamesschulze2775]

Hi, this is an awesome video. Thank you, very informative, quick and easy to follow. Very helpful. Is there a way to have the buttons in a drop down menu for mobile?

[@thelazygod]

Yeah, I think it could be done with the Webflow dropdown element.

[@AmanKumar-lp2hm]

will you please able to make these buttons responsive on small devices cause I'm not able to do that

[@thelazygod]

In the cloneable I shared I added horizontal scrolling on the filter buttons for mobile, but usually it would be simpler to use a flex layout with wrap so the buttons will spread over multiple lines