|
Rob Weems
|
January 16, 2014 at 3:39 am
Hello.
I am really enjoying the Event Espresso!
I have ran into a small snag.
http://conventionregistrations.com/bca/event-registration/?ee=1
As you can see, the questions are scrunched up the left.
Please advise how I can remedy the problem.
Thanks in the advance.
Rob
|
|
Tony
|
January 16, 2014 at 4:05 am
Hi Rob,
Thats set by both the themeroller base, and the current themeroller theme you have set.
The easiest way to work around it is to override those setting within your themes .css file or using a plugin such as My Custom CSS
Themeroller sets all labels within the element event_espresso_form_wrapper to a width of 150px. To override this rule you can use:
.event_espresso_form_wrapper label {
width: 300px;
}
Problem here is that this will apply to ALL labels within ANY of those elements (which will likely not be what you expect) so we’ll need to get a little more specific than that. Using Chrome Dev tools we can see your custom questions are wrapped in a div with id ‘bca-questions-1389867068’ http://d.pr/i/18QH
So we can add that to our css selector to only target those questions.
#bca-questions-1389867068 label {
width: 300px;
}
Change 300px to any value you wish. Remember because we are being rather specific to were this applies, if you create another question group and need similar spacing you’ll need to do this again for that question group, or add that question group to this rule set too.
That all make sense?
|
