Support

Home Forums Event Espresso Premium Registration Form Formatting for Grey Page Background

Registration Form Formatting for Grey Page Background

Posted: February 20, 2018 at 2:41 pm


katedixon

February 20, 2018 at 2:41 pm

Hi –

I’ve been super-impressed with Event Espresso and how easy it is for a non-programmer like me to work with!

My question is around the Registration Form; my page background is grey, and evidently the exact shade of grey that the lines around the fields in the form are. So you can’t see where you’re supposed to enter data in.

How can I change the color of the field border, or the color of my page background (or somehow otherwise fix this)?

Many thanks,

– Kate


Josh

  • Support Staff

February 20, 2018 at 3:30 pm

Hi Kate,

Changes like those are usually done by adding a bit of CSS to your site’s Customize > Additional CSS panel. Some general advice would be to set the fieldset to have a which background by adding:

fieldset.ee-reg-form-attendee-dv {
  background-color: #fff;
}

If you can post a link to the page on your site that has the registration form we can offer more specific advice with that CSS.


katedixon

February 20, 2018 at 3:47 pm

Thanks, Josh!

Here’s the link to the registration page: http://katedixon.org/events/true-leadership-workshop/

– Kate


katedixon

February 20, 2018 at 3:50 pm

Just added the code above; it’s just slightly off, but definitely better!


Josh

  • Support Staff

February 20, 2018 at 4:56 pm

This will help a bit more too if you add this instead:

#ee-single-page-checkout-dv {
background-color: #fff;
padding: 30px;
padding: 3rem;
}


katedixon

February 21, 2018 at 9:32 am

Ooh! Pretty!!

Thank you, Josh!

– Kate

The support post ‘Registration Form Formatting for Grey Page Background’ 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