Compress vertical white space between radio button

compress vertical white space between radio buttons in ChronoForms.

Overview

The default CSS styling adds excessive margin between radio button options.
Adjust the CSS margin property for the relevant form field classes to reduce the spacing.

Answered
ChronoForms v6
ro robinhair 19 Feb, 2019
I'm using ChronoForms v6 in a standard 'out of the box' setup with Joomla 3.9 and very much a novice when it comes to formatting/styling etc! Is there a simple way to reduce the vertical white space between a radio buttons in a radio group , i.e. compress the space they consume.

e.g. go from this:
o Option 1

o Option 2

o Option 3

To this:
o Option 1
o Option 2
o Option 3

[I wasn't able to upload a .jpg image for some reason!]

Thanks
Robin
he healyhatman 26 Feb, 2019
Answer
1 Likes
.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field { margin: whateveryouwanthere !important; }
This topic is locked and no more replies can be posted.