< Back to Style Guide

Basic Divi Tips and Tricks

Jump to section

Undergraduate  |  Masters  |  Doctoral  |  Certificate

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

News site

  • Process of using templates> create a new post, select template, adding content

Things to look out for:

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