Title: Customize CSS PPWP
Last modified: March 30, 2023

---

# Customize CSS PPWP

 *  Resolved [suarzko](https://wordpress.org/support/users/suarzko/)
 * (@suarzko)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/customize-css-ppwp/)
 * Hi everyone, i’ve been searching for all the forums for help with the customize
   of the plugin and i didn’t find anything, so, finally i find the right class 
   and i wanna share the code if somebody need it. Everybody can change the font,
   color, margin, etc according to the website
 *     ```wp-block-code
       .ppw-pcp-password-label {
       width: 100%;
       display: block;
       margin-bottom: 10px;
       }
   
       .ppw-pcp-password-label {
       font-family: 'Roboto', sans-serif;
       font-weight: 300;
       font-size: 24px;
       display: block;
       margin-bottom: 5px;
       }
   
       .ppw-pcp-password-label input {
       width: 100%;
       padding: 8px;
       font-size: 16px;
       font-family: 'Roboto', sans-serif;
       border-radius: 10px;
       border: none;
       box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
       -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
       }
   
       /* Cambiar el formulario a una disposición vertical */
       .ppw-form {
       display: flex;
       flex-direction: column;
       align-items: center;
       }
   
       /* Estilos para el input de contraseña */
       .ppw-password-input {
       padding: 8px;
       border: 1px solid #C4C4C4 !important;
       border-radius: 10px;
       width: 100%;
       max-width: 400px;
       margin-bottom: 5px;
       margin-top: 15px;
       }
   
       .ppw-submit.ppw-pcp-pf-submit-btn {
       background-color: #213B45;
       border-radius: 25px !important;
       font-family: 'Dancing Script', cursive;
       font-size: 20px;
       color: #ffffff;
       border: none;
       padding: 16px 28px !important;
       transition: all 0.3s ease-in-out;
       margin-top: 10px;
       }
       .ppw-submit.ppw-pcp-pf-submit-btn:active {
       background-color: #213B45;
       }
   
       .ppw-submit.ppw-pcp-pf-submit-btn:hover {
       background-color: #c9b391;
       color: #ffffff;
       }
       .ppw-headline {
       font-family: 'Roboto', sans-serif;
       font-weight: 600;
       font-size: 28px;
       margin-bottom: 15px;
       }
       ```
   
    -  This topic was modified 3 years, 2 months ago by [suarzko](https://wordpress.org/support/users/suarzko/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [WP Folio Team](https://wordpress.org/support/users/buildwps/)
 * (@buildwps)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/customize-css-ppwp/#post-16610185)
 * Hello [@suarzko](https://wordpress.org/support/users/suarzko/),
 * Thank you for sharing the valuable information with us. We’re glad that you were
   able to figure it out.
 * We will definitely be sharing it with anyone who needs it. Thanks once again.
 * If you need anything else, please feel free to reach us at support(at)wpfolio.
   com

Viewing 1 replies (of 1 total)

The topic ‘Customize CSS PPWP’ is closed to new replies.

 * ![](https://ps.w.org/password-protect-page/assets/icon-256x256.jpg?rev=3263311)
 * [PPWP - Password Protect Pages](https://wordpress.org/plugins/password-protect-page/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/password-protect-page/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/password-protect-page/)
 * [Active Topics](https://wordpress.org/support/plugin/password-protect-page/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/password-protect-page/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/password-protect-page/reviews/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [WP Folio Team](https://wordpress.org/support/users/buildwps/)
 * Last activity: [3 years, 2 months ago](https://wordpress.org/support/topic/customize-css-ppwp/#post-16610185)
 * Status: resolved