Listing Category: Sectional dividers

Usar seudoelementos para crear separadores de sección en Divi

A veces añadir separadores de sección nos permite estructurar nuestros contenidos de una forma más práctica y visual. En esta ocasión vamos a crear un separador con un seudoelemento, esto es, un cuadrado del mismo color del fondo de la sección y rotado 45º para crear el efecto de punta de flecha apuntando a la sección siguiente. Puedes ver el resultado al final del post….

Add Vertical Separator Between Two Pricing Tables

I have two separate pricing tables on this page and I would like to create a vertical line to visually separate the two….

Diagonale Linien zwischen Abschnitten erstellen

Mit Hilfe des Divi Page Builder lassen sich problemlos Bereiche farblich voneinander trennen – allerdings nicht mit diagonalen Linien. Möchte man nun verschiedene Bereiche nicht mehr nur mit einer langweiligen horizontalen Linie voneinander trennen, gibt es…

How to create webpage section separators in the Divi Theme

The Divi theme is a great tool that you can use to make a website. If you want to make your webpages look more interesting by using different transitional shapes between sections. This Divi theme tutorial will show you how to do it. In this video I’m using the Divi Theme, but you can use this same technique with just about any WordPress Theme….

Divi Blurb Icon Background Line

I came across this tip while visiting another site and thought i’d share it here. Basically it uses two Divi modules to create the look you see below. By combining the Blurb module and Divider module in the right stacking order and minimal CSS you can easily…

Make a Fancier Divider Horizontal Line with Divi

A quick CSS snippet to take a basic horizontal line (divider) to a fancier one with tapered edges. Uses the BEFORE pseudo class which is super simple to apply with Divi…

Divi Section Divider Button Free Plugin

It is an icon usually in a full color circle or framed by a circle and is positioned between two clearly distinguishable sections on a page….

zig zag / lightning bolt shape sectional divider

I was able to create this with css. I’m sure it could be refined further by adjusting the values etc….

Add transparent Color Overlays to Sections

Learn how to add transparent Color Overlays to Sections. A client uploaded a bright background image and made the overlying text unreadable. This is how you can setup a transparent Color Overlay that will always be there…no matter what image your client uploads…

Add pointer between Divi sections

If you want to add a dividing arrow between your sections in Divi, add the following code to your ePanel cutom CSS, or into your child themes CSS file. So, give your Section a class name of downarrow. If your following section is a different colour than #fff, you will…