Seleccionar página

Si usas el tema Divi, seguramente habrás advertido que la anchura de la barra lateral o sidebar que se muestra en el blog o en las categorías de la tienda online (Woocommerce) es demasiado estrecha.

En este post te voy a explicar de manera muy sencilla cómo puedes cambiar la anchura de dicha barra lateral o sidebar global de Divi

Cambiarás la anchura de la barra lateral en el blog y en las categorías de la tienda con Woocommerce

 

Si quieres MÁS sobre DIVI, WORDPRESS, DISEÑO WEB Y SEO, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES


VER CURSOS

 

 

 

ÍNDICE: ¿CÓMO CAMBIAR LA ANCHURA DE LA BARRA LATERAL EN DIVI?

 

 

Cambiar ancho de la barra lateral o sidebar de Divi con WordPress

 

Para cambiar la anchura de la barra lateral global has de acceder al panel de administración de WordPress y después en el menú lateral ir a: “Divi > Personalizador de temas”

 

 

Te aparecerá una pantalla con un menú a la izquierda y una previsualización a la derecha.

En el menú de la izquierda ve a: “Ajustes generales”.

Después, ve a: “Ajustes de formato”

¿ves un apartado con el título: “ANCHURA DE BARRA LATERAL”?

Si no lo ves, haz clic en el checkbox: «UTILICE ANCHO SIDEBAR PERSONALIZADA» 

 

Check box para activar opciones de personalización del ancho barra lateral global con Divi

 

…y ahora si tienes que ver el apartado «ANCHURA DE BARRA LATERAL»

 

Nota: para ver en tiempo real los cambios que vayas haciendo te recomiendo que en la pantalla de previsualización de la derecha accedas a una página donde se muestre dicha barra lateral que quieres personalizar. Por ejemplo, una entrada de blog.

 

Ahora puedes modificar la anchura de la barra

 

Modificar anchura barra lateral sidebar con Divi y WordPress

 

Si quieres MÁS sobre DIVI, WORDPRESS, DISEÑO WEB Y SEO, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

Aquí puedes modificar el valor correspondiente a la anchura de la barra lateral de dos maneras:

  • selector deslizante: puedes hacer clic en el punto azul y arrastrarlo hacia otra posición para cambiar el valor correspondiente a la anchura del sidebar.
  • valores numéricos: también tienes la opción introducir un valor numérico en el rectángulo
  • volver opción original: si te fijas, también hay un icono en forma de flecha circular. Si haces clic en el icono volverá a establecerse de manera automática el valor por defecto o inicial para la anchura de la barra.

 

IMPORTANTE: podrás ir viendo los cambios en tiempo real en la parte derecha de la pantalla. Pero, estos cambios no serán permanentes hasta que hagas clic en el botón “Publicar” que aparece arriba.

 

guardar anchura personalizada de sidebar con Divi

 

Una vez hayas establecido los valores adecuados para la anchura de la barra lateral, podrás salir de esta pantalla haciendo clic en el icono en forma de “aspa” que aparece en la parte superior izquierda de la pantalla.

 

Aspa para salir de la configuración de Divi personalizador de temas

 

Compártelo ya!!
Curso gratis de wordpress y divi

▷LLÉVATE EL CURSO WORDPRESS Y DIVI GRATIS

Aprende a crear una página web con Wordpress y Divi

22 vídeos gratis

Consentimiento

Vé a tu buzón de correo y confirma la suscripción. Si no encuentras el correo de confirmación mira en la carpeta de SPAM.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com