How can I align the radio buttons with their label?
SOLVE
Hey @JoanaVL awesome thank you! It looks like this is currently happening because of this style:
body form.hs-form fieldset[class*="form-columns"] .hs-input {
width: 100%;
}
which is setting all items with .hs-input to have a width of 100% (including the radio select buttons and checkbox buttons). I'd recommend keeping what you have above and adding the following so that your radio select buttons and checkbox buttons are styled properly:
body form.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input,
body form.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input {
width: auto;
}
How can I align the radio buttons with their label?
SOLVE
hi! i'm having this issue to. I can't find where to go into the CSS to update this. If I go to the style sheets or templates, it takes me to all of them, not to this specific page/setting. Can anyone advise how to get into the form CSS to update?
How can I align the radio buttons with their label?
SOLVE
Hey @JoanaVL awesome thank you! It looks like this is currently happening because of this style:
body form.hs-form fieldset[class*="form-columns"] .hs-input {
width: 100%;
}
which is setting all items with .hs-input to have a width of 100% (including the radio select buttons and checkbox buttons). I'd recommend keeping what you have above and adding the following so that your radio select buttons and checkbox buttons are styled properly:
body form.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input,
body form.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input {
width: auto;
}