Inline radio buttons

[fafchook27Participant]

Hey. I’m displaying custom field filters, and want to use radio buttons. However, the radio buttons labels have <br> after each one, and I would like to display them inline.
I have tried, without success, using jQuery to remove the <br>.
Is there a solution I’m not seeing?
*as of now I replaced the radio with dropdown, until I’ll find a solution.
Best regards,
Ofer Ziv

[Ernest MarcinkoKeymaster]

Hi,

It is not really the line break the issue, but the label container, where the radio buttons are wrapped. Try this custom CSS, it should make them break lines:

label.asp_label {
    display: inline-block !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[fafchook27Participant]

Hi Ernest, thanks for your answer.
This actually is not working. all checkbox are still showing one on top of the other.
Any solutions?

[Ernest MarcinkoKeymaster]

Hi,

Maybe there are rendered breaks after all for some reason. This should resolve them as well:

label.asp_label {
    display: inline-block !important;
}

label.asp_label~br {
    display: none !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts