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

 
Fernando
 Fernando
Usuario activo

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

Citar
Respondido : 16/12/2017 12:25 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/12/2017 7:33 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Fernando
 Fernando
Usuario activo

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!!

ResponderCitar
Respondido : 18/12/2017 6:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Fernando.

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

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 18/12/2017 6:57 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Fernando
 Fernando
Usuario activo

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.

ResponderCitar
Respondido : 21/12/2017 11:32 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/12/2017 5:49 pm

Cursos Gratuitos WordPress

Fernando
 Fernando
Usuario activo

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

ResponderCitar
Respondido : 21/12/2017 6:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/12/2017 8:25 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Fernando
 Fernando
Usuario activo

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!!

ResponderCitar
Respondido : 22/12/2017 11:32 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bueno que lo solucionaste.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/12/2017 5:09 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Fernando
 Fernando
Usuario activo

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!!

ResponderCitar
Respondido : 28/12/2017 1:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregar el siguiente código CSS:

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

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 28/12/2017 4:42 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Fernando
 Fernando
Usuario activo

Gracias Jhon, este código funciona perfectamente!

Saludos

ResponderCitar
Respondido : 28/12/2017 5:19 pm

Por favor Iniciar Sesión o Registro