¿Cómo hago para ver los post utilizando todo el ancho de pantalla y con sidebar?

Hola Fernando,

Dices que utilizas el tema "Divi" y mi pregunta es ¿utilizas el constructor para Divi?

- Divi Builde: https://www.elegantthemes.com/plugins/divi-builder/

Con el constructor puedes editar la página de "post o entradas" y decirle que los cargue a ancho completo del layout o tema.

Ten en cuenta que Divi es un tema/builder "comercial" (de pago) por lo que te recomendamos consultar al soporte de dicho tema.

Saludos

Gracias Luis,
utilizo el editor por defecto ya que el constructor de Divi si permite cargar las entradas a pantalla completa, incluyendo también la barra lateral, pero el titulo, fecha etc no se adapta a pantalla completa sino que se queda en el mismo sitio así que es peor el remedio que la enfermedad ;).

He consultado al soporte del tema a ver que se puede hacer.

Saludos!!

Hola Fernando.

Ok dejamos el hilo en espera por si necesitas retomarlo con lo que te digan en el soporte del desarrollador.

Un saludo

Hola Pepe,
después de varios intentos con el soporte de Divi no consigo un código CSS personalizado para quitar los dichosos margenes laterales. No se que hacer.

Hola

Te refieres por ejemplo a esta url ? :
Contenido solo visible a usuarios registrados

Quieres que ocupe todo el ancho?, qué código CSS estas usando y donde lo has colocado?, envía algunas capturas de pantalla.

Saludos.

Hola Jhon,
si, por ejemplo en la url de ese post, o en cualquier otro post, se ven esos margenes laterales que son los que quiero quitar. Adjunto capturas para que veas como quiero que se vean los post...utilizando todo el ancho de pagina como en la pestaña blog

El codigo facilitado por el soporte de Divi para incluirlo en Divi > Theme Options > General > Custom CSS,
y que no elimina esos margenes es el siguiente:

@media (min-width: 981px){
.et_pb_gutters2.et_right_sidebar #left-area {
padding-right: 0%!important;
}
}
Gracias!!
Saludos

Hola

Es muy raro que te hayan dado ese código ya que no tiene nada que ver con tu solicitud de ampliar el ancho.

Prueba con el siguiente código CSS:

@media (min-width: 981px){
	#main-content .container{
		width:100%;
		padding-right: 20px;
		padding-left: 20px;
		max-width: 100%;
	}
}

Saludos.

Muchas gracias Jhon!!!
Este código SI elimina esos margenes laterales. He modificado "padding" a 40px para que quede al mismo ancho que en la pestaña blog.

Gracias de nuevo Jhon y a todos los participantes de este hilo..

Saludos y Feliz Navidad!!

Hola

Que bueno que lo solucionaste.

Saludos.

Hola de nuevo,
después de hacer los cambios propuestos por Jhon para ver los post a pantalla completa, veo que la imagen destacada se ve muy grande y se pixela ¿se puede personalizar solo el tamaño de la imagen destacada para que no se vea tan grande?

Gracias!!

Hola

Prueba agregar el siguiente código CSS:

article .et_post_meta_wrapper img{
  max-width:640px;
  display: block;
  margin: auto;
}

Saludos.

Gracias Jhon, este código funciona perfectamente!

Saludos