Our shop section is coming soon, watch for updates! Shop now
Asset
Template
Interface Kit

Custom Select Field

A cloneable project using the Nice-Select JQuery plugin to style and customize a <select> field in your Webflow project

Description

A cloneable project using the Nice-Select JQuery plugin to style and customize a <select> field in your Webflow project. I made the customization process really easy. In the Navigator you will see a custom code element called "style-settings". Open that up and you will see the different options for Color and Spacing. Comments are used as well so you know which does what. Simply copy and paste in your own color and spacing values. Last, we need to initiate the the plugin by copying the simple script code that is located in the Page Settings > Custom Code ></body>. You can also add that code and the <style> code to your Sites Settings Custom Code (global) so it translates across your entire site for all forms that have a <select> input field. Hope you dig it and of course I hope it helps!

Noah Raskin
Details
Custom Select Field
A cloneable project using the Nice-Select JQuery plugin to style and customize a <select> field in your Webflow project
Preview ProjectClone Project

Other Webflow Assets:

News, Updates & Clonables

Join the newsletter for updates

Join 600+ webflow community members.
Welcome to the club. Cool stuff coming your way.
Oops! Something went wrong while submitting the form.