|
d37toastmasters
|
August 26, 2013 at 10:48 am
Is there a way to increase width of radio buttons displayed on this page? http://d37.staging.wpengine.com/event-registration/?regevent_action=register&event_id=11
For example, I’d like to have “Past District Governor?” displayed on one line instead of wrapped up in two lines.
I tried the following code in the theme CSS custom options, but it does not seem to be working for me:
/* make the radio box label wider so it doesn’t wrap */
.options-radio-check label {
width: 500px;
}
Thank you,
Jake
|
|
Jonathan Wilson
|
August 26, 2013 at 1:15 pm
Hi Jake,
It looks like you’ve taken care of this. Or are you still having issues? I don’t see an “Past District Governor” option.
|
|
d37toastmasters
|
August 26, 2013 at 2:01 pm
Yes, this is still an issue. Past District Governor? and First District Conference? are two questions close the the bottom of the form. Each one has two radio button answers (Yes and No). The goal is to display Past District Governor? and First District Conference? labels on one line instead of wrapping across two lines.
Thank you,
Jake
|
|
Jonathan Wilson
|
August 26, 2013 at 3:36 pm
Hi Jake,
You’ll need to modify the width of the “.event_espresso_form_wrapper label” class to something like 300px.
So, it would be something like:
.event_espresso_form_wrapper label {
width: 300px;
}
|
|
d37toastmasters
|
August 26, 2013 at 6:22 pm
Hi Jonathan,
This worked great, thank you! Is there a way to force the drop down control located to the right of “Club Name*” label to start on the new line instead of having label in front of it? Basically, using the same approach as the text box control labeled “Club Number & Name (If not listed above)” located right under Club Name drop down box.
Thank you,
Jake
|
|
Dean
|
August 27, 2013 at 12:51 am
Hi,
One way to do it is to make the label width 100%
label[for="DROPDOWN_12"] {
width: 100%;
}
|
|
d37toastmasters
|
August 27, 2013 at 4:04 am
Hi Dean,
That worked!
Thank you,
Jake
|
