Styling the perfect radio button for CMS Filter in Webflow
HTML-код
- Опубликовано: 11 июл 2024
- 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.
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?
Just amazing man ! Thanks for this amazing content ! Don't stop to deliver this kind of masterclass
will you please able to make these buttons responsive on small devices cause I'm not able to do that
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