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

.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 1 year, 11 months ago by suarzko.