Avisos
Vaciar todo

Imagen de portada  

 
ALBERTO
 ALBERTO
Honorable Member

https://proyectocircular.humus-spain.com/plan-europeo-para-la-produccion-agricola/

No consigo identificar el css para dar un menos tamaño a la imagen de portada....

Captura de pantalla 2021 10 09 a las 10.30.50

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 09/10/2021 9:33 am
ALBERTO
 ALBERTO
Honorable Member

Ahora he vuelto a entrar y de nuevo descentrada a la izquierda....

Donde está el código que indicas?

ResponderCitar
Respondido : 09/10/2021 9:37 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Alberto.

Esto es lo que yo veo:

screenshot proyectocircular.humus spain.com 2021.10.09 13 38 01

 

La imagen se muestra bien en todas las resoluciones.

Cuando te pase revisa con el navegador en Privado ya que puede ser causa de la cache del navegador:

-> https://support.google.com/chrome/answer/95464

 

Un saludo

ResponderCitar
Respondido : 09/10/2021 12:41 pm
ALBERTO
 ALBERTO
Honorable Member

Pues he borrado la caché y he entrado por otros buscadores y es aleatorio...unas veces aparece centrado y otras no....

Tu compañero me comentaba lo siguiente:   donde está ese código?

 

Hola Alberto,

Lo que puedo ver es que en la entrada que se muestra de forma correcta según comentas, tienes este codigo servido por autoptimize:

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
width: 80%;
max-width: 1080px;
margin: auto;
padding-top: 6%;
}
ResponderCitar
Respondido : 09/10/2021 1:24 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El código anterior quita el padding superior, pero no lo centra, si quieres  centrarlo y quitar el padding, podrías probar con el siguiente código CSS:

.single #left-area .et_post_meta_wrapper{
padding-top: 0;
text-align:left;
}

.single #left-area article{
text-align: center;
}

Prueba agregando este código desde Apariencia > Personalizar > CSS, revisa si otras páginas similares se ven correctamente ya que este código aplica a todas las entradas.

PD. Si usas plugins de cache y optimización tendrías que limpiar cache antes o desactivar temporalmente este tipo de plugins cuando pruebas estos cambios.

Saludos.

ResponderCitar
Respondido : 09/10/2021 2:38 pm
ALBERTO
 ALBERTO
Honorable Member

@jmarreros

Gracias Jhon...parece que ahora si es ok.

Pero lo del código que dice que esta en Optimize?

Aprovecho: como puedo hacer la imagen de portada más pequeña?

ResponderCitar
Respondido : 09/10/2021 3:14 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El código que comentas de Autoptimize es un código comprimido que se genera en base a los estilos CSS de tu theme y de los plugins, por lo que no hay mayor problema, es más, no deberías cambiarlo, la buena práctica es sobreescribir código CSS y es justamente lo que has realizado agregando nuevo código.

Con respecto a poner la imagen principal más pequeña,  lo quieres sólo para esa entrada o para todas las entradas?

Saludos.

ResponderCitar
Respondido : 09/10/2021 5:05 pm