< 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
