Avisos
Vaciar todo
Hola a todos! Utilizo Divi y llevo unos días rompiéndome la cabeza para hacer que las entradas al blog se vean utilizando todo el ancho de pantalla y que también aparezca la barra lateral. Ahora se ve así pero con margenes a los lados y quiero utilizar todo el ancho para que quede como en el enlace que adjunto.
Gracias!
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 16/12/2017 12:25 pm
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
Respondido : 16/12/2017 7:33 pm
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!!
Respondido : 18/12/2017 6:22 pm
Hola Fernando.
Ok dejamos el hilo en espera por si necesitas retomarlo con lo que te digan en el soporte del desarrollador.
Un saludo
Respondido : 18/12/2017 6:57 pm
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.
Respondido : 21/12/2017 11:32 am
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.
Respondido : 21/12/2017 5:49 pm
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
Respondido : 21/12/2017 6:44 pm
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.
Respondido : 21/12/2017 8:25 pm
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!!
Respondido : 22/12/2017 11:32 am
Hola
Que bueno que lo solucionaste.
Saludos.
Respondido : 22/12/2017 5:09 pm
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!!
Respondido : 28/12/2017 1:53 pm
Hola
Prueba agregar el siguiente código CSS:
article .et_post_meta_wrapper img{
max-width:640px;
display: block;
margin: auto;
}
Saludos.
Respondido : 28/12/2017 4:42 pm
Gracias Jhon, este código funciona perfectamente!
Saludos
Respondido : 28/12/2017 5:19 pm
