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