Support

Home Forums Event Espresso Premium Registration form input field invisible

Registration form input field invisible

Posted: September 12, 2013 at 4:49 pm


Peter Ronai

September 12, 2013 at 4:49 pm

Hi,

My problem is, that the text input fields are invisible in the registration form. When I accidentaly click on the right area, I can type the text is, and its working well except the fact, that the area is invisible.
There is a picture of what I mean: http://www.hosszulepes.org/wp-content/uploads/2013/09/input_field-problem.png
What I tried:
– setting different templates
– creating an own template with themeroller
nothing worked.

There is the link to the form, when you want to look at that in action.
http://www.hosszulepes.org/event-registration/?ee=3
More or less I could find everything, and could solve every problem except this one.
Thank you very much!
Peter

  • This topic was modified 10 years, 7 months ago by  Peter Ronai.


Garth

  • Support Staff

September 12, 2013 at 9:26 pm

HI Peter,

What theme are you using? Can you try using the default 2011, 2012, or 2013 theme(s) and see if you get the same result?


Peter Ronai

September 13, 2013 at 3:35 am

Hi,

I tested it with the default theme, and it was okay there, but I dont want to use that theme for my website. Do you have any idea, what i can do to make thoose input fields visible? Any custom css solution? Thank you very much!
Peter


Tony

  • Support Staff

September 13, 2013 at 3:46 am

You could add this your themes .css file.

.event_form_field input.ee-reg-page-text-input, .event_form_field textarea.ee-reg-page-text-input {
background-color: white;
border: 2px inset;
}

Although this is just treating the symptoms and not the cause. The cause is the themes ‘css reset’ and you may well run into further issues like this in other places.


Dean

September 13, 2013 at 3:51 am

Hi,

I can’t see exactly what is over rulling the CSS, but you could over rule that CSS!

Try adding this to your themes style.css file or a plugin such as My Custom CSS

input.ee-reg-page-questions { background-color: #ccc; }

Obviously you may wish to change the colour from the basic grey. You could also add borders etc as needed.


Peter Ronai

September 13, 2013 at 4:00 am

Thank you very much, problem solved! 🙂

The support post ‘Registration form input field invisible’ 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