Change Email Field

  • Resolved oklol911

    (@oklol911)


    10 years, 1 month ago

    Hey guys,

    Quick question how can I change the email field bar to look like the one in the “Dark theme”?

    I currently have custom css for the submit button but I wanted to change the email field bar to look like the Dark Theme one…

    .mc4wp-form input[type="submit"] {
	background: #f76a0c;
	border: 0;
	color: #FFFFFF !important;
	border-radius: 6px !important;
	padding: 12px 14px;
	font-size: 13px;
        font-weight: bold;
}

.mc4wp-form input[type="submit"]:hover,
.mc4wp-form input[type="submit"]:active {
	background: #444444;
}

    Here is a picture to clarify …

    http://oi65.tinypic.com/ofydn6.jpg

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor ibericode

    (@ibericode)

    10 years, 1 month ago

    Hi there,

    A lot of this depends on your theme styles but the following should get you somewhat close.

    .mc4wp-form input[type="email"] {
  height: auto;
  margin: 0;
  padding: 8px 16px;
  line-height: 1.428571429;
  color: #555555 !important;
  vertical-align: middle;
  background: none;
  background-color: #ffffff;
  border: 1px solid #6a6a6a;
  border-radius: 2px;
  text-shadow: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(68, 68, 68, 0.15);
}
    Thread Starter oklol911

    (@oklol911)

    10 years, 1 month ago

    Ah perfect that code work perfectly, thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change Email Field’ is closed to new replies.