Inline radio buttons

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 4 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25007
    fafchook27
    fafchook27
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    fafchook27
    fafchook27
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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.