Replies posted by npompa

2 Replies

NoahManion
NoahManion
asked in Ask a Question

Styling Checkboxes & Radio Buttons on an Unbounce Form

I’m looking for Buttons - here is a quick screenshot of my current design. As you can see the width is based on the text width - but I’d like to make them all uniform. Any ideas? I really appreciate the help! Screen Shot 2021-01-15 at 9.04.23 AM.png868×760 17.9 KB

15
I
3 years ago
NoahManion
NoahManion
asked in Ask a Question

Styling Checkboxes & Radio Buttons on an Unbounce Form

Kyle.C: /* Style Radio Buttons */ .ub-input-item.input-wrap.optionsList input[type="radio"]{ display:none; } .option { margin-bottom: inherit !important; } .option label { position: relative !important; margin-bottom: inherit !important; } .option span::before, .option span::after { content: '' !important; position: absolute !important; top: 5px !important; bottom: 5px !important; margin: auto !important; } .option span.label-style:hover { cursor: pointer !important; } .option span.label-style::before { left: -52px !important; width: 45px !important; height: 25px !important; background-color: #F2B731 !important; border-radius: 50px !important; } .option span.label-style::after { left: -49px !important; width: 17px !important; height: 17px !important; border-radius: 10px !important; background-color: #999999 !important; transition: left .25s, background-color .25s !important; } input[type="radio"]:checked + label span.label-style::after {

15
I
3 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings