Great video, thank you!!! Why is it that you didn't have to give the label display: inline-block in your example? When I tried it, I wasn't able to give the label.custom-radio-btn a width until I set it to inline-block
Amazing video. Unfortunately, I couldn't get it to work for me. I stopped at 02:26. Your radio button(input) worked even on display: none;. Mine did not respond.
Hello, I know this is kind of an older video and you might not see this, but if you do, is it ok if I use your codepen example (as well as the one for the checkbox demo) for an eCommerce project I'm working on?
The easiest way would be to put this and the label inside a p tag. But to take advantage of the label and accessibility to include the label as well, the styling would have to change a little to support the text(label) inside the label tag as well.
@@BeforeSemicolon Hey mate. Great tutorial. I would very much appreciate it if you were able to show how to do this. I'm trying to stack a bunch of radio boxes vertically with text next to them but am getting a bit mixed up. Cheers :)
@@BeforeSemicolon It's working but transition isn't working for me, I tried to make it last 1second still it's appearing instantly. anyways, I gave up on this idea and making a custom div instead :x
The code is available in a link in the description. How you add to your blog should be up to how your blog works. Give a shout-out and send the link to your blog post and Ill share it.