Trouble Editing Form Style

[sfdeaton]

I'm trying to edit for the style of a form on the login page.

Both the label and the input text.
On this page: https://members.silentsalesmachineinsiders.com/login/
See https://screencast.com/t/akznueJkcMbu

I have edited the below code on the CSS stylesheet, but to no avail (original shown below). Is the code for the form somewhere else?

I'm using the News Pro child theme with the Memberium plugin.

/* Forms
--------------------------------------------- */

input,
select,
textarea {
background-color: #fff;
border: 1px solid #e3e3e3;
box-shadow: 1px 1px 3px #eee inset;
color: #999;
font-size: 14px;
padding: 16px;
width: 100%;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
width: auto;
}

input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}

::-moz-placeholder {
color: #999;
opacity: 1;
}

::-webkit-input-placeholder {
color: #999;
}

http://members.silentsalesmachineinsiders.com

[Victor Font]

I'm not sure what kind of help you need. The form is showing exactly as you have the CSS configured. Maybe you're not seeing it because of caching?

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[sfdeaton]

Sorry. I should have clarified. I want to make the input text darker and change the label to "email address"

[sfdeaton]

I just changed the CSS to this (#999 to #cc0000 to easily see the difference if it will show up, but it's not changing).

/* Forms
--------------------------------------------- */

input,
select,
textarea {
background-color: #fff;
border: 1px solid #e3e3e3;
box-shadow: 1px 1px 3px #eee inset;
color: #cc0000;
font-size: 14px;
padding: 16px;
width: 100%;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
width: auto;
}

input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}

::-moz-placeholder {
color: #cc0000;
opacity: 1;
}

::-webkit-input-placeholder {
color: #cc0000;
}

[Victor Font]

If you use your browser's inspect tool, you can see that you have not changed the CSS for the target elements. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

They have element IDs that you have to target for your changes:

#memb_password_send-1-email-label
#memb_password_send-1-email-input

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts