|
Jake Berman
|
October 31, 2013 at 12:02 pm
Hi there,
I just updated the plugin and it broke my stylesheet on the registration page. I had it displaying as a two column form, but now it’s one column and the registration details start within the class info. I went back to edit the CSS, but once I make it two columns the input fields weren’t clickable and I couldn’t enter content. I’m just wondering how I can go about fixing this so that the form is two columns again?
The link is here: https://jakesatprep.com/event-registration/?ee=25
|
|
Josh
|
October 31, 2013 at 1:10 pm
Hi Jake,
Do you have a backup copy of the file that has the two column customization?
|
|
Jake Berman
|
October 31, 2013 at 2:28 pm
No, unfortunately I haven’t.
|
|
Josh
|
October 31, 2013 at 2:43 pm
If you didn’t make any backups of the CSS changes your host may be able to send you a snapshot of the server from an earlier time.
|
|
Jake Berman
|
November 1, 2013 at 5:01 am
Thanks, Josh. I’ll check with them. I do remember seeing a tutorial on here about the two column layout and how to achieve it with CSS. Is that link still available?
|
|
Dean
|
November 1, 2013 at 5:10 am
This one perhaps? https://eventespresso.com/topic/two-column-event-listing-format/
|
|
Jake Berman
|
November 1, 2013 at 9:23 am
Hi Dean,
It was a different thread depicting how to make the registration page two columns. I think it may have been a sticky that you guys at ES put out.
|
|
Josh
|
November 1, 2013 at 10:33 am
Hi Jake,
I think these may be the styles you’re looking for:
#event_espresso_registration_form{
width:600px;
}
form {
display: block;
float: left;
}
.event_questions {
display: block;
float: left;
margin-right: 25px;
margin-top: 15px;
margin-bottom: 10px;
width:275px;
}
.textInput {
margin-top: -50px;
}
.btn_event_form_submit{
display: block;
float: left;
margin-left: 20px;
margin-top: 1px;
}
#additional_header{
clear:both;
}
.error{
clear:left;
}
If you place the styles in a child theme or use a plugin like JetPack or my custom CSS plugin they will not be overwritten on an update.
|
|
Jake Berman
|
November 4, 2013 at 10:03 am
I put that into the themeroller style sheet for the time being, but it doesn’t work. The form style is conflicting with a drop down I have in the header. You can see here: https://jakesatprep.com/event-registration/?ee=22
|
|
Josh
|
November 4, 2013 at 11:17 am
If you add #event_espresso_registration_form to each of the selectors it will not conflict with any other styles on the page.
|
