Support

Home Forums Event Espresso Premium registration form fields not displaying correctly

registration form fields not displaying correctly

Posted: May 17, 2015 at 11:15 am

Viewing 5 reply threads


Kirstin

May 17, 2015 at 11:15 am

Hello – please see the Additional Information and Waiver and Release section of my registration page http://0ae.f46.myftpupload.com/registration-checkout/

The text inside the dropdown boxes is being covered by the navigation arrow. Also, the checkbox is covered by the text.

Please advise how to correct.


Dean

May 18, 2015 at 2:06 am

Hi,

The link provided is not usable (we cannot see what you have added to the cart). I checked your classes page but the only available event had the registration turned off. Please provide a link to a valid event so we can examine the issue.

Thanks!


Kirstin

May 18, 2015 at 7:01 am

Sorry about that, I had turned it off while working on some other things. I have turned it back on. The registration checkout page is http://0ae.f46.myftpupload.com/registration-checkout/

A valid event can be found at http://0ae.f46.myftpupload.com/classes/april-may-learn-to-skate/


Lorenzo Orlando Caum

  • Support Staff

May 18, 2015 at 12:42 pm

Hi, that styling is from your theme. This should shift it towards the right and can be added to your child themes stylesheet or through a plugin like My Custom CSS or Reaktiv CSS Builder:

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  height: 38px;
  padding: 8px 10px;
  background: #fff;
  overflow: hidden;
  line-height: 22px;
  font-size: 13px;
  -webkit-border-radius: 0;
  border-radius: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  border: 1px solid #D5D5D5;
  background-image: url(images/select-arrow.jpg);
  background-position: 99% 50%;
  background-repeat: no-repeat;
}


Lorenzo


Kirstin

May 18, 2015 at 5:37 pm

Lorenzo – I inserted the custom CSS into My Custom CSS Plugin, now the drop down arrows do not appear.


Dean

May 19, 2015 at 12:14 am

Hi,

Remove the code Lorenzo gave you and try this:

select {
  padding: 8px 20px 8px 10px;
}

.ee-checkbox-label-after {
    text-indent: 0;
}

You should end up with the form looking like this http://take.ms/xMJXn (it just pushes the arrow away a little and fixes the checkbox issue).

Viewing 5 reply threads

The support post ‘registration form fields not displaying correctly’ 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