Exploring Divi Page Builder Design Options

Overview

Explore the extensive design options available in the Divi Page Builder's Design Tab for styling pages, sections, rows, columns, and modules. Dive into content management, background customization, visibility settings, and basic CSS implementation. Learn to create eye-catching divider shapes, adjust sizing and spacing, apply borders and shadows, and utilize filters for enhanced visual effects. Master transform properties, animations, and specific styling techniques for various modules including images, call-to-action elements, and text. Gain comprehensive knowledge to leverage Divi's powerful interface and create visually stunning WordPress websites with ease.

Syllabus

- Introduction to Divi Page Builder / Design Tab
- Content Tab & Background Colors & Images
- Module Tabs, Visibility Options & Basic CSS Areas
- 'Section' Design Options & Divider Shapes & Styling
- Sizing Options
- Spacing Margin & Padding
- Borders & Shadows - Pt1 Introduction
- Filters for colors and effects
- Transform Pt1
- Animations
- Row Styling Summary
- Column Styling Summary
- Box Shadows Pt 2
- Styling Image Module & Other Modules
- Borders, Rounding Corners & Transform Pt 2
- Call to Action & Button Styling
- Text & Text Module Styling inc Shadows