I can’t make the radio buttons display on separate lines – any idea?

  • Resolved ashkanahmadi

    (@ashkanahmadi)


    4 years, 4 months ago

    Hi

    When someone is buying a card from our website, we would like to ask them about the main reason they are buying it with these 5 radio options but they all show inline right after each other and I couldn’t figure out how to make them display on separate lines underneath each other

    – Health Insurance
    – Discounts at restaurants, bars, etc
    – Trips
    – Events
    – Housing or Legal Help

    You can see what I’m talking about if you follow this link: (below)

    Thank you

    • This topic was modified 4 years, 4 months ago by Yui.
    • This topic was modified 4 years, 4 months ago by Yui. Reason: There is special field for links

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ThemeHigh

    (@themehigh)

    Please add a class to the radio field and add the below style in your theme’s Additional CSS.

    form.checkout .class-name label.radio {
    display: inline;
    }

    form.checkout .class-name label.radio:after {
    content: “\a”;
    white-space: pre;
    }

    Replace class-name in the above style with the class name provided in the radio field.

    Hope this helps.

    Thank you!

    Thread Starter ashkanahmadi

    (@ashkanahmadi)

    Hi

    Thank you for your response. I just did but nothing seemed to change. Can you please check if I’m doing something wrong. I didn’t know where to write the class name (input class or label or wrapper) so i wrote it in all of them but nothing seemed to change

    Additional CSS: https://prnt.sc/trq2mk
    Backend: https://prnt.sc/trq3jv

    Thank you

    Plugin Author ThemeHigh

    (@themehigh)

    We could see that you are using the premium version of our plugin.

    As per the WordPress forum policy, we can’t answer premium related questions on this forum. Could you please raise a ticket through our website? We hope our technical team will be able to help you.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘I can’t make the radio buttons display on separate lines – any idea?’ is closed to new replies.