Divi Passwortgeschützte Seite Anpassen

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;
}