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

0 Comments

Submit a Comment

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