This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Inline radio buttons

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Inline radio buttons

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 12, 2019 at 4:11 pm #25007
    fafchook27fafchook27
    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

    December 13, 2019 at 10:54 am #25019
    Ernest MarcinkoErnest 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;
}
    January 6, 2020 at 7:43 pm #25220
    fafchook27fafchook27
    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?

    January 7, 2020 at 11:08 am #25224
    Ernest MarcinkoErnest 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;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.