|
Tone Soldal
|
March 12, 2013 at 4:58 am
I have added some questions to the registration form, None of them very long, but the text is getting wrapped after only 4 words and does not look very good. I would like the text on one line. Can anyone help, please? Thank you!
|
|
Dean
|
March 12, 2013 at 5:28 am
Hi,
Can you provide a link to the page in question?
|
|
Tone Soldal
|
March 12, 2013 at 5:59 am
Of course!
http://www2.basicskills.eu/?page_id=984&ee=1
Cheers!
|
|
Dean
|
March 12, 2013 at 6:10 am
Hi,
You would need to play about with the CSS for the labels.
For instance
.single-radio label { width: 300px; }
would increase just the radio button label width (feel free to change the 300 value)
This would increase the width of all registration question labels.
.event_questions label {
width: 500px;
}
And these would change the padding/margin for the list blocks (in this case the radio buttons). Again you would need to play with the figures.
.event_espresso_form_wrapper ul li {
margin-left: 40px;
}
.event_espresso_form_wrapper ul {
padding: 0;
}
All these would go in your themes style.css or a plugin like My Custom CSS.
|
|
Tone Soldal
|
March 12, 2013 at 6:42 am
Many thanks, Dean! As you may have understood from earlier questions that I have posted, I am not very experienced to CSS…
🙂
I am not following you.
Do I have to add the codes to my style.css? In that case, where do I insert them? Or have I have I got it all wrong here…?
Thanks again!
|
|
Sidney Harrell
|
March 12, 2013 at 10:18 am
You can insert those style rules anywhere in the style.css file. It’s considered best practice to place each rule on it’s own line. You may want to add them to the end of the file, though, to make it easier to find them in the future. Or you can use the plugin My Custom CSS.
|
