Swoosh Central
Here are examples of all “swoosh” options that are found as reusable items in the Divi Library. Meaning: you don’t have to build them from scratch.
Horizontal Swooshes
There are currently 8 horizontal swoosh options (2 of each color: green, blue, orange and grey).
To add a horizontal swoosh to a page, click the blue + icon at the bottom of a page section (remember, sections are outlined in blue while in edit mode). From the popup dialog, click the Add From Library tab. Now, you’ll be able to choose the desired horizontal swoosh from the Divi Library.
Vertical Swoosh Boxes
 There are currently 2 vertical swoosh box options (those with images and those with text-only).
To add a vertical swoosh box to a page, click a green + icon at the bottom of a page row (remember, rows are outlined in green while in edit mode). From the popup dialog, click the Add From Library tab. Now, you’ll be able to choose the desired vertical swoosh box from the Divi Library.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Horizontal Swoosh Boxes
There are currently 3 horizontal swoosh box options (green, blue and orange).
To add a horizontal swoosh box to a page, click a green + icon at the bottom of a page row (remember, rows are outlined in green while in edit mode). From the popup dialog, click the Add From Library tab. Now, you’ll be able to choose the desired horizontal swoosh box from the Divi Library.
NOTE: Using horizontal swoosh boxes will require some work ahead of time in Photoshop (or suitable alternative). Using a Photoshop template that has the swoosh graphic on its own layer, aligned right with transparency, you can import a photo onto a layer beneath the swoosh. Position and resize the photo as needed, and then save the image to your computer and upload it to the WordPress Media Library.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here.
Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.