Divi 5 Visual Builder

Pagina menu links

Page menu:
-Open recent-Save

-Add to library
-Page settings
-Edit-View
-Import-Export
-Undo-Redo-History
-Clear layout
Canvas en canvas grid

Pagina menu midden

Breakpoints
Desktop
Tablet
Mobile
Canvas scale
Zoom

Pagina menu rechts

Undo/Redo
History
Import/Export
Layout wissen
Layout opslaan
Exit
Preview
Save

Linker zijbalk 1

Layers view
Inspector
Design variabels
Preset manager
Page manager
Command center
Wireframe view

Linker zijbalk 3

Builder settings
Help centre
Light/Dark mode

Linker zijbalk 2

Action icons
Parent action icons
X-ray

Design elements

Secties
Rijen
Modules

Design elements settings

Action icons:
-Settings
-(Columns)
-Duplicate
-Delete
-More settings

Rechter zijbalk 1

Search

Rechter zijbalk 2

Content
Design
Advanced

Rechter zijbalk 3

Responsive settings
Hover settings
Sticky settings

Rechter zijbalk 4

Breadcrumbs
Back to parent
Presets

Structure elements

Sections

100% wide
Contain only rows

Rows

80% wide
Max. width
Contain 1-8 columns

Columns

Column structures
Contain modules

Modules

50 modules
Group module

Nested rows

Best practices

Layout settings

Flex
Grid
Block

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Module

Default padding on Section, Row, Column and Module

No padding or margin on Section

Default

Padding (all sides) on Row

Padding (all sides) and bottom margin on Row

Default

Padding (all sides) on Column

Padding (all sides) and bottom margin on Column

Padding (all sides) and margin (all sides) on Column

Default

Padding (all sides) on Module

Padding (all sides) and bottom margin on Module

Padding (all sides) and margin (all sides) on Module

Default

Padding (all sides) on Row

Padding (all sides) on Column

No padding or margin on Column

Padding (all sides) on Module

No padding or margin on Module

Editing text

Text editor

Basic editing
Paste as text
Visual/Text tabs
Markup

Links

Link in text
Link target
Link in module
Dynamic links

Link types

https://
mailto:
tel:
#anchor

Dynamic values

Global strings
Dynamic content

Heading modules

Heading level
Heading presets

Heading hierarchy

Semantic heading

Heading 1

Start the page content witn H1. There will only be one H1 on the page. 

Heading 2

Heading 3

Heading 4

Heading 2

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 2

Heading 3

Heading 4

Heading 3

Editing buttons

Button module

Links
Styling
Icon settings
Hover styling
Presets

Other modules

Blurb
Call to action
Code modules
Menu links
CSS button

Image module

Max width
Alignment
Sizing

Media library

Title and alt text
File formats
File sizes

Background images

Size
Position
Blend modes

Image in dividers

Use case
Divider padding
Image ratios