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

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!

@bruno-vichetti

Hola, ya lo puedes mirar.

Quedo atento a la respuesta. Gracias. 

@bruno-vichetti

Hola, ya lo puedes mirar.

Quedo atento a la respuesta. Gracias. 

Hola Hector,

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

Sigo atento por aca para poder revisar

Saludos!

@bruno-vichetti

Bruno, por favor revisa de nuevo. 

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?

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!

@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

Esto es lo que tengo

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

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

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" 

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

Saludos!

@bruno-vichetti

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

Por favor verifica. Quedo atento.

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

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!

@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.

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 🖐️ 

@argenis

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

Gracias

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!