Support

Home Forums Event Espresso Premium Registration Form spacing with CSS

Registration Form spacing with CSS

Posted: October 24, 2013 at 12:54 pm


matthew reynolds

October 24, 2013 at 12:54 pm

I have looked up and tried several suggested ways of changing the spacing of the lines in the registration form, but am having some difficulty. I’ve edited espresso_default.css and i’ve added to the style.css for my theme (zee-style). but either i’m missing the class or missing the right css file, because nothing i do is affecting the look. example page is here: http://205.205.214.25/lbkeducationcenter.org/event-registration/?ee=687


Josh

  • Support Staff

October 24, 2013 at 3:08 pm

Hi Matthew,

There is no need to copy styles from your theme into espresso_default.css. Styles from your theme will work just fine. What are you looking to change?


matthew reynolds

October 24, 2013 at 3:29 pm

You will notice that the vertical spacing between form fields is pretty large, I would like to tighten them up a lot, but i’ve been unable to have any effect after changing everything i could figure out. not sure whats controlling that spacing…


Josh

  • Support Staff

October 24, 2013 at 3:40 pm

This is likely over-qualifying the selector, but if you add something like this to the end of your theme’s stylesheet it should do the trick:

#event_espresso_registration_form .event_espresso_form_wrapper fieldset div {
margin-bottom: 1em;
}


matthew reynolds

November 6, 2013 at 7:06 am

tried that, but no noticeable effect


Josh

  • Support Staff

November 6, 2013 at 11:54 am

You can try decreasing the value (like -0.5em) for a more noticeable effect.

The support post ‘Registration Form spacing with CSS’ 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.

Event Espresso