CSS Help

[Kolbie]

Kolbie

February 15, 2017 at 6:11 am

I would like to take out the border around the email signup box on the slider at *Login to see link I would also like to vertically center my “YES, PLEASE”. This is the CSS that I have, but I couldn’t figure out how to tweak it to make that happen.

#mc_embed_signup input#mce-EMAIL {
font-family: “Alegreya”;
font-size: 15px;
color: #000;
background-color: #fff;
line-height: 46px;
padding: 0 20px;
cursor: text;
width: 400px;
margin-bottom: 0px;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
transition: background-color 0.5s;
}

#mc_embed_signup input#mce-EMAIL[type=”email”]:focus {
background-color: #f5f5f5;
}

#mc_embed_signup input#mc-embedded-subscribe,
#mc_embed_signup input#mc-embedded-subscribe:focus {
font-family: “Alegreya”;
line-height: 46px;
padding: 0 20px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
padding: 0 20px;
background: #108973;
color: #fff;
}

#mc_embed_signup input#mc-embedded-subscribe:hover {
background: #f89a45;
}

@media only screen and (max-width: 767px) {
#mc_embed_signup input#mce-EMAIL { width: 200px; }
}

Can you help me please?