Personalizar el protegido con contraseña de WP en las páginas privadas  

Hola,

Verifica si el siguiente enlace te es de utilidad para mejorar el diseño de la plantilla: https://themeisle.com/blog/password-protect-wordpress/

En el enlace explican como proteger una página con contraseña, y eso ya lo he hecho...
Lo que necesito es saber como personalizar la página en la que te la piden.

Hola

Creo que podrías mejorarlo con algo de CSS, prueba agregando el siguiente código CSS

.et_password_protected_form{
    padding:24px;
}

.et_password_protected_form form input{
    border:1px solid gray!important;
    background:white;
    padding:6px!important;
    width:200px!important;
}

Para agregar código CSS, revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

PD. Para ver los cambios refresca tu navegador.

Saludos.

Muchas gracias,

He copiado el código que me das pero no hace ningún cambio. No pasa nada.

El caso es que cuando lo estás viendo desde el personalizador de temas de WP, sí que hace el cambio aunque te pone que el formulario no se puede previsualizar en directo.

Pero cuando entras normalmente no hace el cambio y lo muestra como siempre.

Gracias

Hola Oscar.

Si lo reviso con el inspector del navegador no veo que este el código añadido, Una vez añadido este es el resultado:

Añade el siguiente código al archivo style.css que encontraras en la ruta wp-content -> themes -> magicmirrormadrid-divi -> style.css

.et_password_protected_form{
    padding:24px;
}
 
.et_password_protected_form form input{
    border:1px solid gray!important;
    background:white;
    padding:6px!important;
    width:200px!important;
}

Un saludo

Buenas,

El código está añadido, lo mismo no lo puedes ver porque no está en el Style.css. Ya que creo que puede dar problemas más adelante con las actualizaciones. Lo he añadido en CSS adicional en el "personalizador de temas", o en "opciones de tema"- css personalizado (que al final es lo mismo).

Cuando lo ves a través del personalizador de temas, se ve con el cambio hecho. Pero cuando lo haces sin él. No sé ven los cambios y aparece como siempre.

La pantilla que uso es Divi, tengo un child theme de divi.

Muchas gracias

Hoal Oscar.

añadelo en el archivo que te indique antes y lo revisamos.

creo que puede dar problemas más adelante con las actualizaciones
Si lo añades en el archivo style.css que tienes en la carpeta del tema hijo, este no se sobrescribe cuando actualices.

El tema hijo se crea para eso, para cuando actualices no se sobrescriban esos archivos, se sobre escriben los archivos que tienes en la carpeta de la plantilla pero no los del tema hijo.

Un saludo

ok, lo pruebo y te digo

Mucho mejor. Muchas gracias...