[Resuelto] Usando DIVI para mostrar arículos creados con el editor por defecto de WordPress  

Hola Luis, 

Es un gusto leerte nuevamente, para ayudarte un poco mejor puedes comentarnos lo siguiente, lo que entiendo intentas añadir es que esta opción esté visible en móvil?

Puedes detallarnos un poco más si es esto lo que necesitas? para revisalo con mayor detalle

Un Saludo 

Hola @karen ¿cómo has estado? espero que bien.

Si, ese modulo de búsqueda lo necesito agregar en el despliegue del contenido de los artículos en el blog, pero solo en la versión móvil.

Decidí hacerlo usando la estructura de DIVI, y creo que me quedó bien, hasta ahora sigo probando. Tengo un detalle que no encuentro el motivo porque el artículo cuyo titulo o slog es: "cuanto cuesta una tesis" https://online-tesis.com/cuanto-cuesta-una-tesis/ aparece más angosto que el resto de artículos y más abajo que la imagen predeterminada. El testo de artículos  que aparecen bien, es decir, tienen al ancho del mismo tamaño que la imagen predeterminada.

Estoy buscando a ver si encuentro algún CSS que pudiera estar produciendo este efecto indeseable, pero no lo encuentro, si alguien de ustedes me puede ayudar con este caso le estaría sumamente agradecido.

Por favor revisa la versión móvil para que veas como quedó, lo coloqué justo debajo de la imagen predeterminada. Agradezco cualquier sugerencia para mejorar algún aspecto que considere que sea importante mejorar.

Les agradezco mucho su ayuda.

Luis 

Hola Luis,

Es correcto lo vemos:

Con respecto al espaciado, agrega lo siguiente al final de Apariencias > personalizar > css adicional:

.postid-576 .et_pb_row.et_pb_row_0 {
margin: 0px !important;
width: 100% !important;
padding: 0px !important;
}
.postid-576 .et_pb_section.et_pb_section_0.et_section_regular {
padding-top: 30px !important;
}
.postid-576 .et_pb_module.et_pb_post_title.et_pb_post_title_0_tb_body.et_pb_bg_layout_light.et_pb_text_align_left {
margin-bottom: 0px !important;
}

Verifica y nos comentas.

Un saludo 🖐️ 

Gracias @argenis por tu extraordinaria ayuda,

Por favor, puedes decirme ¿cual es el misterio, porque justamente ese artículo no se formatea de manera correcta como el resto de artículos?

y en segundo lugar te envío una captura de pantalla como se ve al artículo en dispositivos móviles. Se pega el buscador de la imagen destacada.

Supongo que habrá que agregar algunos códigos CSS para resolver ese descuadre allí. Agradezco que por favor me lo envies si es necesario. He probado con otro navegador y lo veo igual que la imagen adjunta.  

Mil gracias hermano.

Luis

Hola Luis,

Puedes usar este codigo:

@media screen and (max-width: 426px) {
.postid-576 .et_pb_module.et_pb_post_title.et_pb_post_title_0_tb_body.et_pb_bg_layout_light.et_pb_text_align_left {
margin-bottom: 22px !important;
}}

El por que sucede es muy ambiguo, puede ser como comentas un css que esta aplicando a esa página en específico, o por el uso de algunas reglas en la edición de este artículo, puede variar, pero usualmente se soluciona en caso de no saber donde está por medio de CSS.

Te comento que te invitamos a hacer uso del botón de valoración, debajo de nuestras respuestas, para poder tener un feedback de las consultas resueltas.

Un saludo 

Muchas Gracias @argenis,

pero el problema se está presentando en otros artículos, por ejemplo este: https://online-tesis.com/creacion-teorica-en-tesis-doctorales/

¿Como hacer las reglas CSS que apliquen para todos los artículos que esté en esas condiciones? 

Aprecio tu ayuda Argenis,

Luis

Hola @argenis,

Cargué el artículo https://online-tesis.com/creacion-teorica-en-tesis-doctorales/ en el editor de wordpress, no cambié nada porque no vi ningún caracter extraño, lo guardé, y se arreglo solo.

El problema es que hay más de 1000 artículos.

De antemano muchas agracias por lo que me puedas orientar a buscar una solución práctica para este caso.

Saludos,

Luis

Hola Luis.

Revisa si con esto se soluciona:

@media only screen and (max-width: 767px) {
.et_pb_section {
padding: 40px!important;
}
}

Un saludo

Gracias a @Karen, @Pepe y @Argenis,

Siempre receptivos y dispuestos a ayudar. MI reconocimiento por su esmerada atención.

Afortunadamente resolví el problema, encontré el problema en el artículo que se mostraba fuera del formato que se supone debería aparecer con el formato DIVI.

Gracias a todas y todos, y feliz tarde.

Luis 

Hola luis,

Encantados siempre de poder ayudar, en el mismo sentido nos ayudarías a nosotros si valoras nuestras respuestas, no tiene que ser todas pero al menos en una por consulta. Igualmente, quedamos atentos por si tienes alguna otra duda.

Un saludo 🖐️