Cómo quitar el borde de la barra lateral

Una cosa que casi todos los usuarios de la división quieren saber cómo hacer con el tema de DIV es la eliminación de la barra lateral. Afortunadamente, esta es una tarea simple. Se puede hacer con código, pero lo más importante, es fácil de hacer con el temas Builder Div. En este artículo, le mostraremos cómo eliminar el borde de la barra lateral de la Divica utilizando ambos métodos y ver por qué el uso del constructor de temas Divin le ofrece los mejores resultados. La barra lateral predeterminada

Los aspectos implícitos de la página y los publicaciones de la divicidad colocan una línea entre el contenido y la barra lateral. Muchos de los elementos de la barra lateral se pueden estilizar o ajustar con el personalizador del tema, pero esta línea no es una de ellas. Esta es un área donde faltan las opciones de WordPress.

Las opciones del tema de la división le permiten mover la barra lateral hacia la derecha o hacia la izquierda, pero no incluye opciones de estilo.

La Divic también agrega configuraciones que le permiten elegir la apariencia de la barra lateral en la página y el nivel de publicación. Esto incluso incluye la opción de eliminar la barra lateral para que no muestre widgets, lo que permite que la zona de contenido use todo el ancho de la página web. Estas opciones le dan control sobre la apariencia, pero no sobre el estilo y no eliminan el borde de la barra lateral. Veamos dos métodos para estilizar o eliminar el borde lateral.
Eliminación o estilización del margen lateral de la división con código primero, para ver cómo eliminar o estilizar el borde de la barra lateral agregando código al DIV. Deberá agregar algunos CSS al tema de campo CSS personalizado Div. Para acceder al campo CSS personalizado, vaya a las opciones de temas Divi> desde el menú del tablero de WordPress. Manténgase en la pestaña General y ejecute la parte inferior de la configuración para pegar el código. Aquí está el CSS que necesita: #Main-Account. Container: antes {ancho: 0;
}
.et_pb_widget_area_right {border-left: 0! }
.et_pb_widget_area_left {border-right: 0! importante; } Este código le dice WordPress que el borde del área del widget no tiene ancho, lo que no se muestra.
Pegue el código en el campo CSS personalizado y guarde los cambios.

La frontera ahora se elimina. CSS funciona con la división del tema para eliminar el borde lateral, pero no es ideal y no todos quieren administrar el código de ningún tipo. ¿Qué sucede si quieres crear la página del blog con Divi Builder? La mejor opción es el uso del creador de temas Div. Cómo usar el creador de temas de Divin para eliminar el borde lateral sin código

También es posible usar el tema de la Divic para eliminar el borde lateral sin código. Vaya a Div Div Theme Builder seleccionando Div> Temo Builder en el menú de WordPress Dashboard. Si aún no tiene un aspecto de blog, seleccione Agregar una nueva plantilla.

Esta plantilla se asignará a la página de su blog, página de archivo o cualquier otra página que desee, así que asegúrese de crear esta página primero.
Una forma se abrirá donde puede seleccionar dónde aparecerá esta plantilla. Seleccione su página de blog en páginas específicas. También puede crear páginas de archivo, páginas de autor, páginas de categorías, páginas de datos, páginas de etiquetas y más. Haga clic en Guardar después de haber realizado la selección. Ahora se asigna una plantilla vacía a su página, entonces deberá crear el aspecto del blog. Haga clic en el área etiquetada agrega un cuerpo personalizado.

Abre una caída en la que puede seleccionar crear un cuerpo personalizado o agregar uno de la biblioteca. Haga clic en su selección que seleccione para construir su cuerpo personalizado. El módulo de la barra lateral

Seleccionamos un aspecto de dos columnas y colocamos un módulo de blog a la izquierda y un módulo de barra lateral. Debido a que es un módulo de división, puedes colocar la barra lateral donde quieras, pero voy con el diseño tradicional en el lado derecho.

El módulo fue diseñado para estar ubicado en el lado derecho o izquierdo y coloca el borde en consecuencia. Por defecto, el módulo está configurado para mostrar como una barra lateral izquierda, de modo que el borde esté en el lado derecho de los widgets.

Para cambiar la apariencia, abra el módulo, seleccione la pestaña Diseño, mire la sección de aspecto y elija la derecha en el cuadro de caída. Este ejemplo ahora tiene el borde del área del widget ahora, lo que lo convierte en una barra lateral recta. Use esta configuración si desea mostrar el lado de la barra lateral. La alineación no importa si desea apagar el borde. Estoy seguro de que ya ha notado el cambio debajo del cuadro de caída.


La segunda opción en la sección de aspecto es un interruptor llamado visualización del separador de borde. Esto le permite apagar o activar el borde. Se activa por defecto. Simplemente haga clic en Switch. El borde ahora se retira de la barra lateral. Guarde el aspecto y sal del editor. Es muy fácil. Finalmente, seleccione Guardar cambios antes de dejar Divic Builder. Ahora muestra un cuerpo personalizado para la página del blog.

La página de mi blog ahora muestra la barra lateral sin borde. Por supuesto, hay algunas cosas que puede hacer si desea un mejor diseño. Creando una división de frontera lateral personalizada

Si no desea usar el tema de la Divic para eliminar el borde de la barra lateral, pero no desea el borde estándar de WordPress, puede crear un borde lateral personalizado usando el módulo de barra lateral divina. En la pestaña de diseño del módulo de barra lateral, desplácese en la configuración del borde. Aquí puede agregar un borde en un lado del módulo. Seleccione cada parte que no desea mostrar el borde y establecer el ancho del borde en 0. También puede elegir el ancho del borde, puede elegir un color y puede seleccionar un estilo. Los estilos incluyen sólidos, punteados, punteados, dobles, ranuras, cresta, inserción, inicio y ninguno.

Para la parte que desea mostrar el borde, elija el ancho, el color y el estilo del borde. En este ejemplo, seleccioné mostrar el borde solo en el lado izquierdo del módulo. Puse el ancho del borde a 7 píxeles, el color en la naranja clara y el estilo del borde se puntuó.

La página de mi blog ahora muestra mi lado personalizado de la barra secundaria de la Divic.

Incluso puede agregar una sombra de caja a las otras tres partes si lo desea. En este ejemplo, redondeé los bordes para el lado derecho. Hice clic en el enlace en el centro, para que el borde de puntaje permanezca recto. También ajusté la sombra de la caja para obtener el diseño deseado. La barra lateral se combina bien con el diseño del blog.
Volviendo a la idea de usar el tema de Div para eliminar el borde de la barra lateral, aquí está mi aparición final en el blog. Me gusta cómo ha demostrado esto. Esto muestra que el uso del módulo SPRI abre muchas posibilidades para el diseño de la barra lateral. Conclusión Este es nuestro aspecto de usar el tema Div para eliminar el borde lateral. Es bastante simple eliminar el código, pero el uso del creador de temas Divin le ofrece más opciones, lo que le brinda más control sobre el diseño. Esta característica es extremadamente simple, pero es algo que la mayoría de los usuarios Divi quieren aprender. También es un buen ejercicio aprender cómo los pequeños ajustes en los módulos Divi pueden marcar una gran diferencia en el diseño de su sitio web.

Queremos escuchar de ti. ¿Ha eliminado la división del borde lateral utilizando alguno de estos métodos? Cuéntanos sobre tu experiencia en los comentarios a continuación. Imagen presentada por Andrew Rybalko / Shutterstock.com