Styling Restrict Content Pro Login and Registration Form Fields

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;
}
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).

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

6 Comments

  1. Thank you that css is perfect. I have Divi Booster and that's great too!

    Reply
    • Great to hear they're both helping you, Dominic. Thanks!

      Reply
  2. Thanks Dan! You've just saved me from wasting hours trying to solve this CSS puzzle :)

    Reply
    • You’re welcome, Sheila! Glad it helped :)

      Reply
  3. Where should i paste this code ?

    Reply
    • 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!

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *