Avisos

Vaciar todo

[Resuelto] Visualización de elementos diferente a como se ve en el editor de páginas

Summarize Topic

Administración WordPress

Último Mensaje por Luz Adriana hace 5 años

8 Respuestas

3 Usuarios

0 Reactions

30 Visitas

Luz Adriana

Respuestas: 48

Eminent Member

Topic starter

Translate ▼

Hola, cree mi página hace unos días. Todas las páginas se veían bien, pero hoy que la consulté veo que ciertos elementos se ven muy grandes y no corresponden a como yo los organicé inicialmente.

En esta imagen se ve como la galería se pone por encima del texto, pero esto el texto está en una columna y la galería en otra y aunque cambié los valores de ancho de las columnas, en la web no se corrige, a pesar de que en el editor de página se ve bien.

Se debería ver así.

Contenido solo visible a usuarios registrados

Respondido : 21/05/2021 6:12 pm

Karen Rios

Respuestas: 19402

Illustrious Member Moderator

Translate ▼

Hola Luz,

Puedes enviarnos la URL donde se encuentra esta galería que se superpone al texto? de esta forma podemos verificar con mayor detalle lo que nos comentas, he verificado tu sitio web pero no logro localizarla

Un Saludo

Respondido : 21/05/2021 6:35 pm

Luz Adriana

Respuestas: 48

Eminent Member

Topic starter

Translate ▼

@karen

Hola Karen, la url es: https://onc-consulting.com.co/nosotros/

El ejemplo que te mando está al fina de la página, hice un intento haciendo nuevamente el bloque y aunque ya no se superpone al texto, la galería se ve muy grande aún.

Respondido : 21/05/2021 6:45 pm

Karen Rios

Respuestas: 19402

Illustrious Member Moderator

Translate ▼

Hola Luz,

Entiendo, veo que estas usando gutenberg como constructor. Es posible que algunos estilos o reglas de este bloque de gutenberg no estén tomando el tamaño adecuado. Verifica si al añadir el siguiente código CSS la sección se visualiza de forma correcta

.wp-block-coblocks-gallery-collage.alignwide.is-style-layered.has-small-gutter {
max-width: 49vw;
margin-left: calc(50% - 24vw);
}

Debes añadir este código en el apartado Apariencia -> Personalizar -> CSS Adicional

Verifica esto y nos comentas como ha ido todo

Un Saludo

Respondido : 21/05/2021 6:58 pm

Luz Adriana

Respuestas: 48

Eminent Member

Topic starter

Translate ▼

@karen

Muchas gracias, haré la prueba.

Debo poner el código en el bloque de sección, de columnas o de la galería?

Respondido : 21/05/2021 7:21 pm

Luz Adriana

Respuestas: 48

Eminent Member

Topic starter

Translate ▼

Hola Karen, que pena te había entendido mal.

Ya hice la prueba y funcionó, muchas gracias.

Respondido : 21/05/2021 7:30 pm

Bruno

Respuestas: 6840

Illustrious Member Moderator

Translate ▼

Que tal Luz Adriana,

El código que te compartió mi compañera como bien indica debes hacerlo desde el apartado de CSS general del sitio, el cual podrás encontrar en las siguientes opciones

Apariencia -> Personalizar -> CSS Adicional

También cuando inicias sesión arriba en la barra superior como administrador tendrás la opción que dice "Personalizar" te dejo capturas de referencia.