Lead Capture Tools

PhilDonaldson
Member

Lay Out Radio Buttons Horizontally (Likert Scale)

I'm creating a form that needs to be laid out in a horizontal a radio button likert scale (see attached). I've added the following code to the form's Custom CSS in Elementor:

 

ul.inputs-list.multi-container {
    padding-left: 0;
}
label.hs-form-radio-display input[type="radio"] {
margin-right: 10px; }

Elementor had me strip out the connected code:

.inputs-list {
padding-left: 0;
}

.hs-form-radio-display {
margin-right: 10px;
}

 

Intended layoutIntended layout

 

Unintended layoutUnintended layout

It's not working. Please help. Thanks in advance.

3 Replies 3
Ben_M
Key Advisor

Lay Out Radio Buttons Horizontally (Likert Scale)

That CSS alone won't make a horizontal layout for your radio buttons.  Can we see what you have on page today with a sample page to help out?  While we can provide guidance without seeing your page, it is possible that due to existing CSS conflicts may arise and it would be much more efficient to look at your code in its entirety.

PhilDonaldson
Member

Lay Out Radio Buttons Horizontally (Likert Scale)

Arrgh! Had to move fast, so I ended up with a change of plan and got rid of it (reduced the amount of forms).

 

Thanks anyway.

0 Upvotes
Shamgar
Participant

Lay Out Radio Buttons Horizontally (Likert Scale)

Why does HubSpot STILL not allow horizontal layout of radio buttons?? I'm wanting to add a scale of 10-1 for survey questions and can't find a solution to layout horizontally! This is kinda ridiculous.