Title: CSS Login
Last modified: December 5, 2017

---

# CSS Login

 *  Resolved [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/)
 * Hi.
 * Is it possible to design or use Css for the login_form ??? if so. Can you tell
   me how to use it?
    Thank you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-login%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9753182)
 * Hi,
 * You can definitely customize the styles of the form with CSS.
 * The login form ID is `rc_login_form`, the login name field ID is `rc_user_login`,
   the login password field ID is `rc_user_pass`, the remember me checkbox ID is`
   rc_user_remember`, and the login button ID is `rc_login_submit`.
 * With that info, here’s an example of some CSS you could use to target the login
   name field:
 * `#rc_user_login { padding: 20px; }`
 * Hope that helps!
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9753196)
 * Thanks for answer quickly. What file should I use to apply this?
 *  [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9753207)
 * No need to edit files. Go to `Appearance > Customize > Additional CSS` in your
   WP admin and you can add the custom CSS there.
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9753490)
 * Thanks.
 * Is it possible to design the submit button?
 *  [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9753637)
 * You should be able to do that with `#rc_login_submit` mentioned above.
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9753692)
 * it’s great! thank you very much.
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9754066)
 * the “Log out” button is #rcp_logged_in ???
    with the button #rc_login_submit 
   I can do it without problem ..
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9754283)
 * I have changed without problems the #rc_login_submit, #rc_login_form,
    #rc_lostpassword_submit
 * What am I doing wrong to change to #rc_logged_in?
 * thanks!!!!
 *  [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9754395)
 * You can do the logout link with `.rc_logged_in a`
 * You can identify these classes and IDs by examining the form in your web browser’s
   developer tools. [https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools)
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9760347)
 * hi.
 * I just use that tool to identify.
    with others I had no problem. I just can not
   customize that button. I already use #rc_looged_in_a #rc_looged_in or .rc_logged_in_a.
   rc_logged_in but I do not see any change. bug?
 * thanks for your help.
 *  [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9760357)
 * Your site is running the Pro version of our plugin. If you need support, please
   open a ticket at [https://restrictcontentpro.com/support](https://restrictcontentpro.com/support).
 *  Thread Starter [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * (@hardsoft98)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9760397)
 * i found solution!
 * i wrong type “id”, i Clean and re-write code CSS and now efect great!!!
 * thanks you!

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘CSS Login’ is closed to new replies.

 * ![](https://ps.w.org/restrict-content/assets/icon.svg?rev=3529325)
 * [Membership Plugin - Kadence Memberships](https://wordpress.org/plugins/restrict-content/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/restrict-content/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/restrict-content/)
 * [Active Topics](https://wordpress.org/support/plugin/restrict-content/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/restrict-content/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/restrict-content/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 12 replies
 * 2 participants
 * Last reply from: [hardsoft98](https://wordpress.org/support/users/hardsoft98/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/css-login/#post-9760397)
 * Status: resolved