Styling Form Radio Button in a Landing Page Template
SOLVE
I am trying to left align the radio buttons on my registration form. I would also like space after the radio button before the text. I have tried multiple CSS styles but i just can't seem to get specific enough to do anything.
Styling Form Radio Button in a Landing Page Template
SOLVE
Try this CSS code. It is targeting the group that all the radio buttons sit inside of. The group has padding on the left side, this sets it to zero. Let me know if this works for you.
Styling Form Radio Button in a Landing Page Template
SOLVE
Try this CSS code. It is targeting the group that all the radio buttons sit inside of. The group has padding on the left side, this sets it to zero. Let me know if this works for you.
Jul 27, 201810:44 AM - edited Jul 27, 201811:05 AM
Participant | Platinum Partner
Styling Form Radio Button in a Landing Page Template
SOLVE
Hi Ann,
Depending on how you have your templates set up, there is typically a single .css file that is attached. Add the edited css in the attached file. Do you have a preview link you can share?
Styling Form Radio Button in a Landing Page Template
SOLVE
Hello Ann,
Thanks for the preview link. Without actually seeing your css file I can't tell you exactly where to put it. But generally, there is a "form" area in the css file where all the other form styles live. That would be a great place for it 🙂
Look for a css comment that looks something like this /*********Form**********/
or search for a style named "form.hs-form fieldset.form-columns-3 .hs-form-field" and put your new css after that style set.
If you would like to hop on a screen share I can help walk you through it.