Divi Tutorials

• Back-end
  • Adjusting logo size in Polylang
  • Drag and drop content
  • Removing the default menu items from navigation
  • Unclickable navigation items
• Extended tutorials
  • Add a hover effect over team photos / other images
  • Adding a responsive sidebar with anchor links
  • Adding anchor links in Divi
  • Adding box shadows as a hover state
  • Adding Favourite button functionality
  • Change an image on hover
  • Creating an 'Our Process' or workflow design
  • Creating an A-Z index with tooltips
  • Creating buttons using the text module
  • Creating horizontal pricing table
  • Creating WooCommerce filters
  • Design a responsive 5-column layout
  • Displaying company logos
  • Drag and drop content
  • Fixed footer bars on a mobile
  • Framing navigation with section dividers
  • Horizontally overlap row borders
  • Hover states in Divi
  • How to change a background gradient during hover
  • How to create fullscreen sections
  • Making a background image selectively show through
  • Styling email sign-up boxes
  • Styling post titles in a blog
  • Styling pricing tables
  • Transferring design styles across pages
  • Turn horizontal dividers into vertical ones
  • Use columns to create section transitions
  • Using 6 columns to create unique layouts
  • Vertically align content
  Show all articles ( 21 ) Collapse Articles
• General Styling
  • 7 UX principles when using Divi
  • Add a hover effect over team photos / other images
  • Adding a responsive sidebar with anchor links
  • Adding box shadows as a hover state
  • Adding Favourite button functionality
  • Adjusting logo size in Polylang
  • Change an image on hover
  • Creating a navigation dashboard
  • Creating an 'Our Process' or workflow design
  • Creating buttons using the text module
  • Creating horizontal pricing table
  • Creating WooCommerce filters
  • Design a responsive 5-column layout
  • Drag and drop content
  • Framing navigation with section dividers
  • Horizontally overlap row borders
  • Hover states in Divi
  • How to change a background gradient during hover
  • How to create fullscreen sections
  • How to remove the sidebar
  • Making a background image selectively show through
  • Optimising a site for mobiles
  • Setting up a mobile drop-down menu
  • Styling Contact Form7 to look like Divi
  • Styling email sign-up boxes
  • Styling post titles in a blog
  • Styling pricing tables
  • Transferring design styles across pages
  • Transform text modules into product description hovers
  • Turn horizontal dividers into vertical ones
  • Use columns to create section transitions
  • Using 6 columns to create unique layouts
  • Vertically align content
  Show all articles ( 25 ) Collapse Articles
• Mobile
  • 7 UX principles when using Divi
  • Fixed footer bars on a mobile
  • Setting up a mobile drop-down menu
• Modules
  • Adding a responsive sidebar with anchor links
  • Adding Favourite button functionality
  • Creating horizontal pricing table
  • Displaying company logos
  • How to change a background gradient during hover
  • Making a background image selectively show through
  • Styling email sign-up boxes
  • Transform text modules into product description hovers
• Navigation
  • Adding a responsive sidebar with anchor links
  • Adding anchor links in Divi
  • Adjusting logo size in Polylang
  • Creating a navigation dashboard
  • Creating an A-Z index with tooltips
  • Creating buttons using the text module
  • Fixed footer bars on a mobile
  • Framing navigation with section dividers
  • How to create full screen sections with top and bottom scroll links
  • How to remove the sidebar
  • Removing the default menu items from navigation
  • Setting up a mobile drop-down menu
  • Unclickable navigation items
  Show all articles ( 5 ) Collapse Articles
• Quick tips
  • Adding a Theme link to the bottom of a website
  • Divi Quick Actions (shortcuts)
  • Find & Replace in Divi
  • Removing the default menu items from navigation
  • Setting up a mobile drop-down menu
  • Unclickable navigation items
• Setup & Installation
  • Adding a Theme link to the bottom of a website
  • Divi Toolbox info
  • Removing the default menu items from navigation
  • WordPress & Divi setup

User Experience

• B2B Essentials
  • No articles in this category yet
• B2C Essentials
  • No articles in this category yet
• Basic Essentials
  • 5-second UX test
  • 7 UX principles when using Divi
  • Checkboxes vs Switches in forms
  • Email unsubscribe process
  • Flat design and UX
  • Keeping key information on the left
  • Parallax Scrolling & UX
  • Using icons in design
  • Zig-zag imagery
  Show all articles ( 1 ) Collapse Articles
• Design Patterns & Processes
  • Design for complex apps or workflows
  • Dropdown menu guidelines
  • Flat design and UX
  • Keeping key information on the left
  • Mobile navigation
  • Parallax Scrolling & UX
  • Zig-zag imagery
• eCommerce
  • No articles in this category yet
• Email
  • Email unsubscribe process
• Mobile & Tablets
  • 7 UX principles when using Divi
  • Design for complex apps or workflows
  • Mobile navigation
• Navigation
  • Design for complex apps or workflows
  • Dropdown menu guidelines
  • Flat design and UX
  • Mobile navigation

Social Media

• Social media image guidelines

Digital marketing

• Understanding your competition

SEO advice

• Building link-worthy sales pages

Articles

• Other
  • No articles in this category yet

Plugin documentation

• ProjectHuddle
  • Installing ProjectHuddle on an external site
  • Permissions in ProjectHuddle
• PublishPress
  • Adding custom items to the checklist
  • Creating a workflow for content
  • Creating custom requirements
  • How to get two people to approve content
  • How to Use the Content Checklist
• General info
  • Advanced Custom Fields code