Support

Home Forums Event Espresso Premium different styling for input[type="email"] – on purpose??

different styling for input[type="email"] – on purpose??

Posted: March 6, 2015 at 3:25 am

Viewing 1 reply thread


adasch

March 6, 2015 at 3:25 am

Hi,
I noticed, that the styling of the text field name, last name and email are different. It seems you forget to include input[type=”email”] in the specific CSS

It looks loke this:
https://www.dropbox.com/s/p7emb5ofeoljnmd/email.png?dl=0

I mage some changes in my custom CSS file, but is that intended?

/*styling email field */
input[type="email"]{
border: 1px solid #d2d2d2;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
color: #aaa9a9;
font-size: 13px;
padding: 8px 15px;
}

cheers


Tony

  • Support Staff

March 6, 2015 at 4:31 am

Hi adasch,

Event Espresso uses your themes styles as much as possible, we add some styling but rather than overriding all your themes styles, we work with them and add only what we need.

So what’s happening is your theme is applying this rule:

media="all"
.input-text, input[type="text"] {
border: 1px solid #d2d2d2;
font-size: 13px;
color: #747474;
padding: 8px 15px;
margin-right: 1%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
}

Which styles all of your text inputs – http://take.ms/PZGcJ

The email field within the registration form is not an input with type=”text” but type=”email”, so that selector misses that field.

Your CSS applies the some of same styles to type=”email” and so then matches what the theme does with text inputs.

Viewing 1 reply thread

The support post ‘different styling for input[type="email"] – on purpose??’ 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