Styling Restrict Content Pro Login and Registration Form Fields

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

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

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

4 Comments

  1. 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
  2. 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 *