|
RICHARD GRZYB
|
December 12, 2013 at 11:16 am
Hello,
I have an issue with the registration form on my site. Below is a screen shot of what’s going on. All of the Field descriptions are spaced out over the entire screen. I would like these to be aligned to the left, and not all over the place.
http://i.imgur.com/u4qkvk4.png
Any information how to resolve this is greatly appreciated. Thanks!
WP Version 3.7.1
Event Espresso version: 3.1.35.1.P
|
|
Tony
|
December 13, 2013 at 2:17 am
Hi Richard,
Can you link us to the site so we can see what is happening please?
If you would rather keep the link private please email it to support@eventespresso.com 🙂
Also I would recommend updating to the latest version of Event Espresso (currently 3.1.36.1)
|
|
Jonathan Wilson
|
December 13, 2013 at 4:25 pm
Hi Rich,
It looks like there is some CSS conflicts. Can you try deactivating the Themeroller syles in Event Espresso > Template Settings and see if that corrects the issue?
|
|
RICHARD GRZYB
|
December 16, 2013 at 12:40 pm
Hi Johnathan,
I have gone ahead and disabled the Themeroller styles in Event Espresso and am still seeing the same issue. Any other suggestions?
Thank you.
|
|
Tony
|
December 16, 2013 at 4:23 pm
Hi Richard,
Unfortunately without actually viewing the code its hard to tell, there could be many causes.
Did you email us a link to the site as I may have missed it. If not can you link us to the site so we can see what is happening please?
If you would rather keep the link private please email it to support@eventespresso.com
|
|
RICHARD GRZYB
|
December 16, 2013 at 4:26 pm
Hi Tony,
I replied to the e-mail you sent on December 13th with the link. It was sent to support@eventespresso.com If you need me to resend, please let me know and I will.
Thank you!
|
|
Tony
|
December 16, 2013 at 4:59 pm
Hi Richard,
Apologies, I have found the email now.
This is happening due to the styles set in your themes .css file.
Line 275
#content input, #content select, #content textarea {
border: 1px solid #999;
border-radius: 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 6px;
width: 100%;
That ruleset is selecting all input, select and text areas within any elements contained within #content.
The ‘width: 100%;’ is forcing those elements to fill 100% of their parents width.
Depending on what that is being used for, any why it is there, you can either remove those rules and target what they are intended to do more specifically, or override the ruleset specifically for EE.
For example
#event_espresso_registration_form input, #event_espresso_registration_form select, #event_espresso_registration_form textarea {
width: auto;
}
Although overriding CSS styles gets rather messy very quickly.
You will also want to re-enable Themeroller as EE is currently using the styles provided by the theme.
Regarding Updating Event Espresso, you can use the guide posted here https://eventespresso.com/wiki/updating-event-espresso/#update_manually
Be sure to backup the database beforehand, just to be safe.
|
