Custom field CSS class?

RE: www.joomlapolis.com/forum/153-professional-member-support/235064-solved-can-i-do-this-with-cb-conditionals-or-somehow

krileon wrote: Set each field to profile edit display to "Yes, 2 Lines with Title" then in the CSS Class parameter add myFieldRows class. Next use the following CSS.

Code:

.myFieldRows { width: 30%; display: inline-block; vertical-align: top; } .myFieldRows + .myFieldRows + .myFieldRows + .myFieldRows > .control-label { display: none; }

That will cause each field to display side by side with a 30% width so you'll get 3 fields per row. The second part of the CSS hides the titles of all the other rows except for the first row. You can get rid of the second chunk of CSS if you set your the 4th field and onward to display in profile edit as "Yes, 1 Line without Title".

I think this is what I want to do also. So I put the CSS Class parameter to "myFieldRows", but then where is that CSS entered?

Thanks,
Bruce

Please do not reply to a 4 year old topic. Create a new topic and reference the old topic if you feel it is necessary.

The "CSS Class" parameter for fields is under the Global tab on the right when editing a field in CB > Field Management. It's always added to the div surrounding the fields entire display.