|
mautin
|
March 18, 2015 at 3:06 am
Hi Guys, for some reason the email Address field is the only one styled differently than the others. Any ideas why ?
https://www.autin.com/events/loan-agreements-syndication/
https://www.dropbox.com/s/h6mrlo73c02pea4/Screen%20Shot%202015-03-18%20at%2009.57.26.png?dl=0
|
|
Lorenzo Orlando Caum
|
March 18, 2015 at 3:12 pm
Hi there,
You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).
This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.
Try this CSS:
input[type="email"] {
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;
}
label#ee_reg_qstn-1-5da900643a6adb5acf2631b049d800ac-email-lbl{
font-size:16px;
line-height:24px;
}
It should then look like this:
http://cl.ly/image/2S3T2g2w1l2f
—
Lorenzo
|
