Radio group - In a row instead of stacked 2 weeks 19 hours ago #253945

  • Eddy.vh's Avatar
  • Eddy.vh
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 589
  • Karma: 4
  • Thanks: 97

In the theme.css file of your BreezingForms template or in the custom.css file (to be created if it doesn't exist) of your site template, add this :
.bfQuickMode .radio-group div span {
    display: flex;
.bfQuickMode .radio-group div span div ~ div {
    margin-left: 20px

This should be enough to place your groups of radio buttons on the same line and space them a little apart so that it is visually correct.

Please Log in or Create an account to join the conversation.

Last edit: Post by Eddy.vh.
  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.042 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links










Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

Questions et réponses sur les forums de l'AFUJ


Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!