Here is an example of CSS for applying some basic styles to the text / password fields of Restrict Content Pro forms:
/* Restrict Content Pro - text and password form fields */
#rcp_login_form input[type=text],
#rcp_login_form input[type=password],
#rcp_registration_form input[type=text],
#rcp_registration_form input[type=password] {
color: white;
background-color: #000;
width: 100%;
padding: 12px;
border-radius: 6px;
font-family: tahoma;
}
/* Restrict Content Pro - text and password form fields (focused) */
#rcp_login_form input[type=text]:focus,
#rcp_login_form input[type=password]:focus,
#rcp_registration_form input[type=text]:focus,
#rcp_registration_form input[type=password] {
background-color: #333;
}
Related Post: Adding CSS to the Divi Theme
The first block applies to the normal state of the fields. The second block is (additionally) applied to an input field when it has focus (i.e. the user is currently editing it).
Thank you that css is perfect. I have Divi Booster and that's great too!
Great to hear they're both helping you, Dominic. Thanks!
Thanks Dan! You've just saved me from wasting hours trying to solve this CSS puzzle :)
You’re welcome, Sheila! Glad it helped :)
Where should i paste this code ?
Hi Hamid, you can paste it into the "Divi > Theme Options > General > Custom CSS" box (after anything else in there), or into the style.css of your child theme, if you're using one. I've added a link above to my post on adding CSS to Divi. Hope that helps!