< Back to Style Guide

Basic Divi Tips and Tricks

Formatting

  • Using Sections, Rows, Columns and Modules
  • Text, bullet point custom styles
  • Copy paste styles
  • Copy paste texts through “text” tab to avoid Divi picking up tags

Using Sections, Rows, Columns and Modules

Best practices:

  • Paragraphs (gray boxes) should be wrapped by rows (green boxes)
  • If having more than 3 paragraphs, adding another row and module for the additional paragraph is ideal

Adding Text

  • Copy paste texts through “text” tab to avoid Divi picking up tags that have the potential to mess up the layout

Text Formatting

 

  • Bullet point code, find the <ul> and replace the first <ul> with the below: 
    <ul class=”arrow-bullets”>

Copy Paste style within the same type of container

 

  • Divi allow us to copy a style of a certain container, so you don’t have to manually adjust all the styles (colors, font sizes…etc)

Things to look out for:

  • Optimize images before you upload. Imageoptim is a great software to use.
  • Use correct heading structure to ensure accessibility