I'm trying to change the general layout of my profile form (on edit).
I'd like to have some specific fields be displayed in a 3-column-grid, with others being displayed just 1-across. Like this:
FIELD 1 [_________] FIELD 2 ]______________] FIELD 3 [________________]
FIELD 4 [_____________________________]
FIELD 5 [____________________________________ FIELD 6 ]_________________________]
etc.
I'm not seeing any way to select the entire item (i.e. label and field) specifically.
They are all wrapped in a generic
<div class="control-group">
Is there any way to apply some custom CSS class to these 'control-group's?
So that I can create standard classes to control the display of all 3-column, 2-column, etc. sections?
Or do I have to just use n-th control-group selectors to do this?
And if I use n-th selectors, how can I have different layouts for different tabs (groups)?