Avisos
Vaciar todo

[Resuelto] Alinear módulos texto horizontalmente uno al lado del otro  

Página 1 / 2
 
Hector Alexander
 Hector Alexander
Usuario activo

Cordial saludo, 

Soy nueva en todo esto de Wordpress y Divi. Tengo una fila con 3 columnas y en cada columna tengo dos módulos de texto que quedan alineados verticalmente (uno arriba del otro). Requiero que queden ubicados en la misma línea horizontal, uno al lado del otro.

Adjunto imagen de como debe quedar cada columna. Igual si se tiene alguna idea práctica para crear este diseño de columna agradezco la sugerencias.

image

Contenido solo visible a usuarios registrados

Citar
Respondido : 04/05/2022 12:10 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Hector,

Actualmente tu sitio esta en mantenimiento y no podemos ver lo que deseas realizar en el.

Para poderte dar mas indicaciones es necesario que podamos revisar el sitio.

Saludos!

ResponderCitar
Respondido : 04/05/2022 12:15 am
Hector Alexander
 Hector Alexander
Usuario activo

@bruno-vichetti

Hola, ya lo puedes mirar.

Quedo atento a la respuesta. Gracias. 

ResponderCitar
Respondido : 04/05/2022 1:28 am
Hector Alexander
 Hector Alexander
Usuario activo

@bruno-vichetti

Hola, ya lo puedes mirar.

Quedo atento a la respuesta. Gracias. 

ResponderCitar
Respondido : 04/05/2022 1:28 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Hector,

Gracias por tu respuesta sin embargo aun sigo viendo el sitio en mantenimiento 

image

Sigo atento por aca para poder revisar

Saludos!

ResponderCitar
Respondido : 04/05/2022 2:02 am
Hector Alexander
 Hector Alexander
Usuario activo

@bruno-vichetti

Bruno, por favor revisa de nuevo. 

ResponderCitar
Respondido : 04/05/2022 2:14 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Hector,

Ahora si puedo verlo sin embargo también logro apreciar que los estilos de tu sitio no han cargado de forma correcta? puedes confirmar?

image

Aparte de ello es necesario que nos indiques por medio de capturas si es posible cuales son los elementos que deseas alinear de forma horizontal uno al lado del otro

Saludos!

ResponderCitar
Respondido : 04/05/2022 2:17 am
Hector Alexander
 Hector Alexander
Usuario activo

@bruno-vichetti

La verdad no conozco nada de todo esto del wordpress y divi. Yo no veo el sitio así como lo muestras en la imagen que me envías, y al cargarlo en una ventana incognito si sale como en la imagen. No entiendo que son estilos ni que no estén cargando bien.

Lo que hice fue tomar la layout Inicio del tema WpFacil que viene preinstalado y reemplazarlo por el layout Landing del tema Yoga Studio y sobre este he estado haciendo algunos cambios. Eso es todo.

Por favor me guías en qué hacer al respecto. Quizá no lo hice de forma adecuada.

Quedo atento a tu respuesta. 

Este es el resultado que quiero en la columna

image

Esto es lo que tengo

image

Y así he visualizado el sitio, solo ahora que tú me manda la imagen veo que no es así como carga.

image
image

 

ResponderCitar
Respondido : 04/05/2022 2:39 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Hector,

Considero que debemos primero solucionar la vista actual del sitio y luego proseguir con lo que deseas realizar.

Veo desde el asistente virtual stephan tienes activo plugins que gestionan la cache del sitio, prueba vaciando la cache de Autoptimize

image

Si el problema persiste vamos a las opciones de Divi -> Opciones del tema, en la pestaña de Constructor-> Avanzado vamos a darle click al boton que dice "Claro" 

image

Recuerda validar que tu sitio se ve correctamente desde una ventana incognita u otro navegador 

Saludos!

ResponderCitar
Respondido : 04/05/2022 2:49 am
Hector Alexander
 Hector Alexander
Usuario activo

@bruno-vichetti

Ya carga bien en incognito. Vacié el cache de Autoptimize y Varnish.

Por favor verifica. Quedo atento.

ResponderCitar
Respondido : 04/05/2022 3:03 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Hector,

Excelente! puedo verlo correctamente, ahora si prosigamos con la consulta

Inspeccionando mejor el elemento veo que le has dispuesto ya una longitud en porcentaje a cada elemento tanto a la fecha como al texto, lo que vamos a hacer es aplicarle un CSS sencillo al elemento de la fecha de la siguiente manera

image
float:left

Solo basta con agregar un parámetro que diga que el elemento va a flotar a la izquierda para que se ajuste acorde al espacio disponible a la derecha

Prueba y nos comentas

Saludos!

ResponderCitar
Respondido : 04/05/2022 3:38 am
Hector Alexander
 Hector Alexander
Usuario activo

@bruno-vichetti

Bruno, gratitud por tu gran ayuda. Que sencillo lo haces ver, espero pronto tener este manejo.

Otro detalle, para ubicar la imagen de un módulo blog de entradas, cómo la referencio?

Dónde puedo estudiar cómo referencia Divi cada objeto y así poder realizar los CSS?

Saludos.

ResponderCitar
Respondido : 04/05/2022 8:16 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Hector,

Con respecto a lo que nos comentas puedes ver nuestro curso de css, y si nos indicas con una captura te indicamos mejor cual es el id de loque estas buscando.

https://www.webempresa.com/university/curso-css-wordpress/

Un saludo 🖐️ 

ResponderCitar
Respondido : 04/05/2022 8:54 pm
Hector Alexander
 Hector Alexander
Usuario activo

@argenis

Adjunto imagen del módulo blog de entradas. Quiero poder definir diferentes posiciones para la imagen y el texto.

Gracias

image
ResponderCitar
Respondido : 04/05/2022 10:12 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Hector,

Dependiendo del ajuste y posición que quieras disponer para el Grid que es conformado por las entradas debes tener presente que estas limitado a las opciones que ofrece el modulo correspondiente, sin embargo el principio de aplicar estilos para modificar su aspecto tambien es valido hasta cierto punto que no sea requerido un codigo a medida.

Te comparto el siguiente articulo que es de la documentación de Divi donde muestran un poco tanto en texto como en video como puedes darle estilo a el grid de las entradas

https://www.elegantthemes.com/blog/divi-resources/how-to-style-your-divi-blog-module-grid-cards-with-4-examples

Si sigues con la duda puedes decirnos en especifico que quieres lograr y evaluamos como hacerlo

Saludos!

ResponderCitar
Respondido : 04/05/2022 10:33 pm
Página 1 / 2