Increase label width

Hi Bob,

I have this form which uses the entire width of the page. How can I increase the width of the labels so they are all on a single line (notice for example how "Confirme correo electronico" is breaking into two lines).

Thanks!

Jose

Hi Jose,

Try this in a load CSS action

#chronoform-registro div label {
width: 400px !important;
max-width: 600px !important;
}

Bob

Hi Bob, PERFECT!!!!

Thanks so much. Have a great weekend!

Jose

Hi!

I can't get this code to work. Do I have to change the "#chronoform-registro" part of the code?

ChronoForms V5 Joomla 3.3.6

Roger

Hi rogeranton ,

"#chronoform-registro" is probably is form name (registro).
So you need to get it, if you don't know what is the id, use firebug, or similar, and inspect it🙂

BN

Thanks a lot BN

I found out that underscore _ works in form name but not in CSS code. Removing _ from form name did it 😀

Roger