How to customise a checkbox in an existing form ITW-EB9

Опубликовано: 14 Май 2021
на канале: Zeats

In this video we will look at how to customise a checkbox in an existing form, we will create a fake checkbox but make it act in exactly the same manner as the regular checkbox.

With this checkbox system you can create your own bespoke checkbox (and radio button) design to match your site style.

Chapters:

0:00 Video Start
0:48 Housekeeping
2:13 Form checkbox overview
3:20 Updating the HTML
4:42 The check group CSS
5:12 Hiding the original checkbox CSS
5:51 Fake checkbox outer CSS
6:35 Fake checkbox inner CSS
7:55 The funky conditional rule
11:22 Seeing the results
11:33 Tidying up
13:00 The bonus bit
14:00 Video wrap up

Links:
site files: http://tiny.cc/itwcheck
Into The Wild easy build series: • Into The Wild Website Easy Build Series
Getting Started series: • Getting started