Die Standartseite für passwortgeschützte Inhalte ist beim WordPress Theme / Pagebuilder Divi nicht wirklich Nutzerfreundlich, ja fast schon unbedienbar.
Mit diesem CSS Code ist das schnell erledigt:
.post-password-required .et_password_protected_form {
width: 70%;
margin: 0 auto;
margin-top: 5vh;
margin-bottom: 25vh;
background: #fff; /*Hintergrundfarbe*/
padding: 60px 40px 80px 50px;
border-top: 6px solid #EA5297;
Border-radius: 5px;
box-shadow: 0 30px 50px -6px rgba(64, 65,72,.2);
}
.et_password_protected_form p input {
background: #EDEDED; /*Hintergrund Passworteingabe*/
color: #000000;
border-radius: 3px!important;
border: solid #000 0px!important; /*Rand Passworteingabe*/
box-shadow: 10px 10px 10px -6px rgba(64, 65,72,.3);
margin: 30px 30px;
}
.et_password_protected_form > p {
color: #000000; /*Schriftfarbe*/
}
.et_password_protected_form .et_submit_button {
color: #fff!important; /*Button Schriftfarbe*/
/* font-family: "Ubuntu"!important;*/
border-width: 0px!important;
border-radius: 26px;
letter-spacing: 1px;
font-size: 13px;
font-weight: 800!important;
text-transform: uppercase!important;
background-color: #7a7a8c; /*Button Hintergrundfarbe*/
padding-top: 15px!important;
padding-bottom: 15px;
padding-left: 30px!important;
padding-right: 30px;
}
.et_password_protected_form .et_submit_button {
display: block;
float: right;
margin: 8px auto 0;
/* font-family: inherit; */
cursor: pointer;
}
.et_pb_button:hover:after {
opacity: 0;
}
.et_password_protected_form .et_submit_button:hover {
background-color: #EA5297; /*Button Hintergrundfarbe Hover*/
color: #fff!important; /*Button Schriftfarbe Hover*/
/*font-family: "Ubuntu"!important;*/
border-width: 0px!important;
border-radius: 26px;
letter-spacing: 1px;
font-weight: 800!important;
text-transform: uppercase!important;
padding-top: 15px!important;
padding-bottom: 15px;
padding-left: 30px!important;
padding-right: 30px;
}