Support

Home Forums Event Espresso Premium Updated Plugin and Broke Style

Updated Plugin and Broke Style

Posted: October 31, 2013 at 12:02 pm


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

  • Support Staff

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

  • Support Staff

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? http://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

  • Support Staff

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

  • Support Staff

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.

The support post ‘Updated Plugin and Broke Style’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Josh 6 years, 1 month ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!