[Resuelto] Modificar la rejilla del blog a sólo dos columnas anchas.

Hola Silvia, 

Inicialmente como tienes creada esta grilla del blog en tu sitio web? puedes enviarnos algunas capturas como como lo tienes añadido? de esta forma podremos ayudarte con mayor detalle. 

De manera general si tienes el modulo de Divi de Blog lo primero que debes hacer es seleccionar que el diseño sea de ancho completo, por ejemplo

Luego en el aparado de Avanzado → CSS personalizado →  Elemento principal pega el siguiente codigo

column-count: 2;
column-gap: 60px;

Guarda los cambios y verfica como se ve, puedes ver un paso a paso sobre esto en la siguiente guía que tenemos disponible → https://www.webempresa.com/blog/como-cambiar-el-numero-de-columnas-en-el-modulo-de-blog-de-divi.html

Revisalo y nos comentas como va todo

Un Saludo

Hola Karen: 

Disculpa, como os indiqué que lo tengo como Rejilla no pensé que hacía falta captura de pantalla, aquí te la facilito. 

Pero si lo pongo como ancho completo me va a quedar este formato que quiero? No debería de ser como Rejilla? 

Lo he modificado como me indicas, pero en el CSS me sale este warning: 

Disculpa, lo estaba poniendo en el lugar equivocado, ya lo he puesto donde me indicas y sí, ahora ha habido cambios, pero no como lo quería. Me lo muestra así y entradas juntas. 

Y yo lo que quiero visualizar es así: 

Hola Silvia, 

Prueba con el siguiente codigo CSS y verifica como va todo

.et_pb_blog_0 {
box-shadow: none;
}
h2.entry-title {
padding: 0px 30px;
color: #5a4e4c !important;
font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif;
}
h2.entry-title a {
color: #5a4e4c !important;
}
p.post-meta {
padding: 10px 30px;
}
.post-content {
padding: 0px 30px;
}
h2.entry-title {
padding: 0px 10px;
}
.et_pb_post {
background: #efe6e3;
border-radius: 20px;
padding-bottom: 30px;
}
.et_pb_bg_layout_light .et_pb_post p {
color: #5a4e4c !important;
font-size: 14px !important;
}
.et_pb_posts a.more-link {
clear: both;
display: block;
color: #ffffff !important;
border-width: 1px !important;
border-color: RGBA(255, 255, 255, 0);
border-radius: 30px;
letter-spacing: 0.06em;
font-size: 14px;
font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
font-weight: 600 !important;
background-color: #c39492;
width: 50%;
text-align: center;
}

Sobre las imagenes ten en cuenta que para que todas se vean igual deben tener el mismo tamano

Un Saludo

Vale, he tocado algunas sombras y demás, y más o menos me queda como tenía en mente, salvo que tengo que intentar reducir esos textos un poquito. Pero ahora me surge otro problema... desde la vista móvil, el blog es un desastre... voy a ir por partes, en este caso, las entradas se muestran así súper alargadas. Dónde puedo tocar para hacerlas más reducidas??: 

Hola Silvia,

Cambia el codigo que te compartio Karen por este:

@media screen and (min-width: 426px) {
.et_pb_blog_0 {
box-shadow: none;
}
h2.entry-title {
padding: 0px 30px;
color: #5a4e4c !important;
font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif;
}
h2.entry-title a {
color: #5a4e4c !important;
}
p.post-meta {
padding: 10px 30px;
}
.post-content {
padding: 0px 30px;
}
h2.entry-title {
padding: 0px 10px;
}
.et_pb_post {
background: #efe6e3;
border-radius: 20px;
padding-bottom: 30px;
}
.et_pb_bg_layout_light .et_pb_post p {
color: #5a4e4c !important;
font-size: 14px !important;
}
.et_pb_posts a.more-link {
clear: both;
display: block;
color: #ffffff !important;
border-width: 1px !important;
border-color: RGBA(255, 255, 255, 0);
border-radius: 30px;
letter-spacing: 0.06em;
font-size: 14px;
font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
font-weight: 600 !important;
background-color: #c39492;
width: 50%;
text-align: center;
}}

De esta forma cuando esté en pantallas más pequeñas, no aplicará el estilo. Luego al final de esa agrega dos saltos de linea para agregar tambien lo siguiente:

@media screen and (max-width: 426px) {
.et_pb_post {
background: #efe6e3;
border-radius: 20px;
padding-bottom: 30px;
}
.et_pb_blog_0 {
    column-gap: 15px !important;
}
p.post-meta {
    font-size: 10px !important;
    padding: 0px 10px !important;
}
.post-content {
    padding: 0px 10px !important;
}
h2.entry-title {
padding: 0px 10px;
}
.et_pb_posts a.more-link {
        clear: both;
        display: block;
        color: #ffffff !important;
        margin-top: 10px !important;
        border-width: 1px !important;
        border-color: RGBA(255, 255, 255, 0);
        border-radius: 30px;
        letter-spacing: 0.06em;
        font-size: 10px;
        font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
        font-weight: 600 !important;
        background-color: #c39492;
        width: 80%;
        text-align: center;
    }
}

Verifica y nos comentas.

Un saludo 🖐️ 

Genial, Argenis, mucho mejor, antes era excesivamente largo, y eso que disminuí la longitud de las entradas. 

Sin embargo, la vista en el móvil es un poco locura... no sé por qué los textos o botones a los que les di unas posiciones en vista pc, salen disparadas para otras zonas, como los iconos sociales del pie de página o el texto de la cabecera. En la página principal había eliminado el pie de página y cabecera  de Theme Builder porque me daba guerra y lo puse todo en el body, pero en las entradas ya lo modifiqué. Os pongo ejemplos del despiporre: 

Éste sale así: 

y, tenía que visualizarse así: 

Y los iconos sociales, lo mismo, uno en Galicia y el otro en Cuenca... 

Hola Silvia,

Esto ya estaba visible asi desde que te indicamos el primer código, y ya seria parte de otro tema, para poder ayudarte mejor nos puedes indicar si ya el tema principal de este que es el blog a dos columnas, está solucionado? y puedes crear un nuevo tema con esta solicitud nueva del header y footer.

Un saludo 🖐️ 

Sí, el tema de las columnas está solucionado, era porque me daba apuro abriros tantos temas. Ya lo he puesto en uno independiente. Gracias. 

Hola Silvia, 

Gracias a ti, es un placer para nosotros siempre poder ayudarte. 

Con esto podemos dar este tema como solucionado. 

Un Saludo