Inline radio buttons

This topic contains 3 replies, has 2 voices, and was last updated by

 
Keymaster
2 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25007

    Participant

    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

    #25019

    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 :)


    #25220

    Participant

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

    #25224

    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 :)


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.