Our Tutorial Link Library is a catalog of our favorite tutorials from around the world. Here you will find tutorials for Divi, WordPress, Photoshop, Fireworks & more.
Bloom
- Bloom Locked Content Optin Form
Elegant Enthusiast - Create a Transparent Bloom Optin
Divi Soup - Super Slim Bloom Optin Form
Divi Soup - Using Bloom for an Image or Text Pop Up with a CTA Button
A Girl And Her Mac
Child Themes
- 5 Easy Steps To Creating A Child Theme
Geno Quiroz | Monterey Premier - COPYING THEME FILES TO YOUR CHILD THEME FROM THE WP DASHBOARD WITHOUT FTP
Divi Space - The In’s & Out’s of Child Themes & Premium Divi Child Themes
Geno Quiroz | Monterey Premier - WHY YOU NEED A CHILD THEME & HOW TO GET ONE.
Divi Space
Code Snippets
Comments
- CLEANER COMMENTS FOR YOUR DIVI WEBSITE
Divi Space - Fixing the Divi Reply Button on Mobile Devices
Geno Quiroz | Monterey Premier - Make Your Sub-Comments A Little Less Cramped
Geno Quiroz | Monterey Premier
Contact Forms
- CHANGE TEXT OF SUBMIT BUTTON IN CONTACT MODULE
Elegant Enthusiast - HOW TO CHANGE TEXT ON DIVI CONTACT FORM SUBMIT BUTTON
Innovative Solutions Group - Using a Shortcode & Contact Form 7 in Divi to Display a Popup Contact Form
by Best Websites Fast
Cool Effects & Features
- 3 Ways to Vertically Align Buttons in Divi
Octygon - 4 Text Shadow Effects for Divi Post Title and Text Modules
Divicious - 8 CSS Text Shadows for Divi Text Module
Divicious - Accordion Image Slider Menu
Divi Soup - ADD A ‘YOUTUBE STYLE’ LOADING BAR TO THE TOP OF YOUR DIVI THEME
Divi Space - Add ability to zoom on mobile devices and tablets
Elegant Tweaks - Add image to an mp3 podcast
Geno Quiroz | Monterey Premier - Adding a YouTube Video Within a Laptop Image
Geno Quiroz | Monterey Premier - Adding Custom Fonts with CSS
Divi Soup - Adding Fly-in Animations To Any Divi Section, Row and Module
Geno Quiroz | Monterey Premier - Adding New Google Fonts To Your Divi Website
Geno Quiroz | Monterey Premier - Animated gradient backgrounds with Divi
The Client Class - Animated Image Caption Hover Effects in Divi
Divi Life - Animating images using CSS
Elegant Tweaks - Apple iMac Scrolling Effect for Divi Image Module
Divicious - Beautify quotes on your blog
The Client Class - Buttons Shadow on Hover Effect
Divi Creative - Creating Cool Fancy Lines in Divi
Geno Quiroz | Monterey Premier - CREATING CUSTOM ACTIONS ON CLICK
Divi Space - Divi Divider with Graphic Accents
Divi ♥ Licious - DIVI MEDIA QUERIES
Divi Space - Divi Module Hover Animations
Geno Quiroz | Monterey Premier - Easily Add Web Font to Divi Using @font-face Method
Divi Creative - Expanding Your Icon Font Library in Divi Using Font Awesome
Geno Quiroz | Monterey Premier - Fancy Folded Blockquote Layout
Divi ♥ Licious - FEEL THE FORCE WITH A LIGHTSABER PRE-LOADER
Divi Space - Fixed Bar for Divi: how to improve conversions
Creative Child Themes - Fixed Call to Action Bar
Elegant Tweaks - FREE AND PAID OPTIONS FOR THE ‘DIVI 3.0 COUNTDOWN MODULE’
Divi Space - HOW TO ADD A TRANSPARENT IMAGE OVERLAY TO A BACKGROUND VIDEO IN DIVI
Divi Soup - HOW TO CREATE A COLOR CHANGING BACKGROUND
Divi Space - How to create a Flip Card for Divi
Creative Child Themes - How to Create a Slide-In Promo Bar in Divi
Divi Life - How to Create a Sticky Button in Divi
Divi Soup - How to easily add Google Fonts to your Divi website
The Client Class - How To Turn Any Text Into A Call To Action Button
Geno Quiroz | Monterey Premier - Make Full Width Header Scroll Down Icon “Bounce”
Divi Booster - Making Divi Buttons the Same Size
Divi Booster - Remove the Leading Zero on Countdown Module Days
Divi Booster - Remove Zero Digit from Countdown Timer in Divi
- Side By Side Customizable HTML Buttons
A Girl And Her Mac - Slide In & Slide Out Person Module Content with CSS & jQuery
Geno Quiroz | Monterey Premier - Social Media Follow on Left Sidebar (like Monarch)
A Girl And Her Mac - Styling the Back to Top Button
Divi Soup - Styling WP-PageNavi Pagination in Divi
Divi Booster - THE INCREDIBLE VERSATILITY OF THE DIVI DEFAULT FONT
Divi Space - Tinted Background Image
Divi ♥ Licious - Turn Any Link Into An Animated Divi Button
Geno Quiroz | Monterey Premier - USE THE PAGE BUILDER FOR POP UPS
Divi Space - Vertically center any content in Divi
Divi Soup - WHY IS IT SO HARD TO VERTICAL ALIGN STUFF? NOT ANYMORE
Divi Space
CSS
- BROWSER PREFIXES EXPLAINED
Divi Space - CSS EXCEPTIONS – THE :NOT PSEUDO-CLASS EXPLAINED
Divi Space
Divi Accordion Module
- Make Divi Accordion Module Tabs Closable
Divi Booster
Divi Blog
- Blog Grid with Categorized Colors
A Girl And Her Mac - Changing Portfolio and Blog Module Thumbnail Sizes
Elegant Tweaks - How to Change the Excerpt Length of Divi Blog Posts
Divi Soup - How to create a 2, 3 or 4 column square blog layout
Divi Soup - How to Create a Fullwidth Alternating Blog Layout
Divi Soup - How to Create a Large Thumbnail Style Blog Layout
Divi Soup - How to Create a Letterbox Style Blog Layout
Divi Soup - How to Create a Pinterest Style Blog Layout
Divi Soup - How to Give Your Divi Archive Pages a Masonry Layout
Elegant Themes - Make your Divi blog posts look more like Medium
The Client Class - Modify The Divi Blog Fullwidth Layout
Geno Quiroz | Monterey Premier - Stop Divi Featured Images from Stretching
Divi Booster - Stop Divi from Cropping Feature Post Heights
Divi Booster - Styling WP-PageNavi Pagination in Divi
Divi Booster
Divi Blurb Modules
- BLURB CARDS
Yates Design - BLURB MODULE HOVER EFFECTS
Yates Design - Custom Blurb Module
Divi Soup - Divi Blurb Image Hover Animations
Geno Quiroz | Monterey Premier - Make Left-Placed Divi Blurb Icons Larger
Divi Booster - Module Blurb: New Style Hover Expand
Creative Child Themes - New Style Hover Expand by Creative Child Themes
Creative Child Themes - Six Column Blurb Style Layout
Divi Soup - Sonar Effect for Divi Blurb Module
Divicious - Using the Blurb Module to Make a Fixed Click-To-Call Button for Mobile
A Girl And Her Mac
Divi Builder
- Adding Specialty Sections in Divi Builder
Divi Booster - Detecting if Divi Builder is Running
Divi Booster - Detecting when Divi Builder is Enabled and Disabled
Divi Booster - Divi Library – Save Sections And Use Them On Any Page
Geno Quiroz | Monterey Premier - Divi Visual Editor: Adding a hover border to modules
Divi Booster - Enable Divi Builder on Custom Post Types
Divi Booster - Make Divi Module Settings Editor Full-Screen
Divi Booster - Making The Specialty Section Fullwidth
Divi Soup - Using ET’s Shortcodes to Add Extra Columns
A Girl And Her Mac
Divi Call To Action Module
- CREATE A FULL WIDTH CALL TO ACTION BUTTON
Yates Design
Divi Customization
- ADDING A ‘SLIDER ANIMATIONS’ SECTION TO THE THEME CUSTOMIZER
Divi Space - Adding comments to page builder pages
Elegant Tweaks - ADDING CUSTOM MODULES TO DIVI
Divi Space - ADDING OPTIONS TO THE THEME CUSTOMIZER
Divi Space - Change Divi Projects URL-Permalink
Elegant Tweaks - Changing Divi Page Builder modules
Elegant Tweaks
- Adding A New Footer Section to Divi
Geno Quiroz | Monterey Premier - Adding Social Icons in Divi 2.0
Geno Quiroz | Monterey Premier - Center the Divi Theme Footer Links
Divi Booster - Change Footer Columns in Divi
Geno Quiroz | Monterey Premier - Change the Divi Bottom Footer Color
Divi Booster - Changing the Footer Links in Divi
Divi Booster - Customizing Your Copyright Line & Taglines in Divi
Geno Quiroz | Monterey Premier - DIVI TUTORIAL – REVEAL FOOTER ON SCROLL
Yates Design - HOW TO CHANGE THE ALIGNMENT OF YOUR DIVI FOOTER TEXT
Innovative Solutions Group - How to customize the footer
Creative Child Themes - How to customize the footer – Part 2
Creative Child Themes
Divi Fullwidth Modules
- FULL WIDTH FEATURED IMAGE AND POST META
Divi Space - Full Width Specific Height Parallax Image Section
Divi ♥ Licious - Fullwidth projects open in lightbox
Elegant Tweaks - HOW TO ADD A TRANSPARENT IMAGE OVERLAY TO A BACKGROUND VIDEO IN DIVI
Divi Soup - How to add the Ken Burns Effect to the Divi Fullwidth Header
Divi Soup - HOW TO MAKE THE DIVI FULL WIDTH SLIDER RESPONSIVE
Innovative Solutions Group - MAKE THE FULL WIDTH SLIDER BUTTON TO OPEN IN NEW TAB
Elegant Enthusiast
Divi Gallery Module
- How to Add Links to the Divi Gallery Module and Show Captions on Hover
Divi Soup - HOW TO USE CUSTOM ICONS FOR DIVI GALLERY MODULE
Innovative Solutions Group
Divi Header
- 5 steps to make the Divi Header more cool
Creative Child Themes - Add a Full-Width Image Above the Divi Header
Divi Booster - Add a Transparent Background Image to the Header
Divi Creative - Add Cool Square Social Media Buttons in Divi’s Top Header
Geno Quiroz | Monterey Premier - Add email link in header
Elegant Tweaks - Adding Extra Fields and Icons to The Top Header
Geno Quiroz | Monterey Premier - Centering the Centered Inline Logo
Divi Soup - Change the Divi Header Font Size
Divi Booster - Change the Divi Logo Link
Divi Booster - Change the Height of the Divi Header
Divi Booster - CHANGE THE LOGO IMAGE INTO TEXT
Elegant Enthusiast - Change The Logo When Scrolling Down
Geno Quiroz | Monterey Premier - Create a Different Logo & Header Menu on the Homepage in Divi
Geno Quiroz | Monterey Premier - Expand Logo and Main Menu Fullscreen Width in Divi
Geno Quiroz | Monterey Premier - FIXING THE ‘JUMPING HEADER’ ISSUE IN DIVI.
Divi Space - Full height slider with header menu below
Elegant Tweaks - Fullwidth Header with Changing Words
Divi Soup - Hide Divi’s Top Header on Scroll
Geno Quiroz | Monterey Premier - Hide the Header Bar Bottom Border
Divi Creative - Hide the Phone Icon in Divi
Divi Booster - Hide WooCommerce Icon from Divi Header
Divi Booster - How to add a logo to the module Menu Full-Width
Creative Child Themes - How to Add Text to Divi Top Header
Divi Booster - How to add the Ken Burns Effect to the Divi Fullwidth Header
Divi Soup - How to Hide the Divi Logo on a Single Page
Elegant Themes - How To Link The Header Logo To A Different Page
Geno Quiroz | Monterey Premier - Logo Changes Based Upon Page
Divi ♥ Licious - Make Divi Header Stick to Top of Page
Divi Booster - Make the Logo Bigger on Mobiles & Tablets
Divi Soup - Right Align the Divi Top Header Contact Info Icons
Divi Booster - Show Divi Header Social Icons on Mobiles (Divi 2.4+)
Divi Booster - Split Divi Secondary Header Icons to Left and Right
Divi Booster - Swap a Vertical Logo with a Horizontal or Square Logo on Scroll
Geno Quiroz | Monterey Premier - The Overlapping Divi Logo
Geno Quiroz | Monterey Premier - THESE HEADER MODIFICATIONS ARE VERY SEXY
Divi Space - Top Header Search Form & Custom Social Icons
Geno Quiroz | Monterey Premier
Divi Image Modules
- CREATE CUSTOM IMAGE OVERLAYS
Divi Space - Divi Image Gallery Slider Skins
Geno Quiroz | Monterey Premier - Four Linkable Image Hover Effects
Divi Soup - Four More Linkable Image Hover Effects
Divi Soup - How to Create a Scrolling Image Carousel in Divi
Divi Soup - How to use CSS3 filters to create captivating images
Divi Soup - IMAGE MODULE HOVER EFFECT
Yates Design - Keep the Slider Arrows Visible
Elegant Enthusiast - Overlapping Animated Modules in Divi
Elegant Child Themes - Recreating the Divi Builder Demo Macbook Effect
Elegant Child Themes - Styling Text Images in Divi
Geno Quiroz | Monterey Premier
Divi Library
- Add a Divi Library Header Section to the Top of your Archive Pages
Geno Quiroz | Monterey Premier - Add a Header Section & Fullwidth Category Menu to the Top of your Single Post Pages
Geno Quiroz | Monterey Premier - Create a 404 Page Using The Divi Builder
Geno Quiroz | Monterey Premier
Divi Map Module
- Changing the Pin Icon in the Divi Module
Divi Booster
- ‘CSS ONLY’ SLIDE IN MENUS FOR DIVI
Divi Space - 10 Dropdown Animations for Divi Submenu
Divicious - 3D flipping navigation menu using CSS
Elegant Tweaks - Adding a Fullwidth Menu in Divi
Geno Quiroz | Monterey Premier - Automatically Close Divi Slide Menu When Item is Clicked
Divi Creative - Centering the Centered Inline Logo
Divi Soup - Change Space Between Divi Menu Items
Divi Booster - Changing / Hiding the “Select Page” Centered Menu Text
Divi Booster - CREATING A HERO NAVIGATION SECTION
Divi Space - Creating an Underline Menu in Divi (hover effect)
Divi Creative - Creating Full Width Dropdown Menus with Icons in Divi
Divi Life - Creating Full Width Dropdown Menus with Icons in Divi
Divi Life - Custom Navigation Like A Girl and Her Mac Website
A Girl And Her Mac - DIVI MENU ICONS WITHOUT PLUGINS OR FONT AWESOME
Divi Space - DIVI SECONDARY MENU CUSTOMISATIONS
Yates Design - Expand Logo and Main Menu Fullscreen Width in Divi
Geno Quiroz | Monterey Premier - Five Subtle Menu Hover Effects
Divi Soup - Fixing the Divi Sub Menu Hover Colors on Single Page Layouts
Divi Booster - GET THE MOBILE (HAMBURGER) MENU ON DESKTOPS
Divi Space - Ghost Home Page and Changing Menu Color in Divi
Geno Quiroz | Monterey Premier - How to add a logo to the Fullwidth Menu Module
Creative Child Themes - HOW TO CREATE A ‘FLY-IN’ MENU BUTTON
Divi Space - How to create an animated sticky menu, with CSS3 and JS
Creative Child Themes - How to Create Slim Horizontal Submenus
Divi Soup - Initiate Divi’s Mobile Menu Button on Bigger Screens
Geno Quiroz | Monterey Premier - Large Square Main Menu Buttons in Divi
Geno Quiroz | Monterey Premier - Make the Divi Secondary Menu Text Bold
Divi Booster - Quick Snack: Adding Subtitles to the Primary Menu
Divi Soup - Quick Snack: Faking the Boxed Layout with Fullwidth Menu
Divi Soup - The bottom-aligned menu that sticks to the top when you scroll
Yates Design - Transform a Divi Menu Item Into a CTA Button
Geno Quiroz | Monterey Premier - Transparent menu
Elegant Tweaks - Use CSS to highlight a menu option
The Client Class
- 8 new style for mobile menu of Divi
Creative Child Themes - 8 new style for mobile menu of Divi
Creative Child Themes - A BETTER MOBILE MENU STYLE FOR DIVI
Divi Space - Changing the Divi Mobile Menu Font Size
Divi Booster - Hide Secondary Menu Items in Mobile Menu
Divi Booster - How to Create a Fixed Mobile Menu in Divi
Divi Life - Initiate Divi’s Mobile Menu Button on Bigger Screens
Geno Quiroz | Monterey Premier - Switch to a simpler logo on a Divi mobile site
The Client Class - Transform a Divi Menu Item Into a CTA Button
Geno Quiroz | Monterey Premier - Turn Your Mobile Menu Hamburger Icon Into A Menu Button With Text
Geno Quiroz | Monterey Premier
Divi Page Layouts
- Building a Magazine Layout with Divi
Geno Quiroz | Monterey Premier - CHANGING THE ORDER THAT DIVI COLUMN’S STACK ON MOBILE.
Divi Space - Creating a Boxed Section On Fullwidth Layouts
Geno Quiroz | Monterey Premier - CUSTOM SINGLE POST TEMPLATE FOR MULTIPLE AUTHOR SITES
Divi Space - Get Rid of the Sidebar on Divi Builder Pages
Divi Booster - How to Put a Widget into Divi Module
Divi Booster - Making the Divi Box Layout Overlap the Header
Divi Booster - Reducing Divi PageBuilder Module Spacing
Divi Booster - Remove Divi Theme Box Layout Shadow Lines
Divi Booster - Six Column Blurb Style Layout
Divi Soup
Divi Portfolio Modules
- Add Excerpts To Your Filterable Portfolio
Geno Quiroz | Monterey Premier - Add Space Between Fullwidth Portfolio Items
Divi Booster - Change Divi Filterable Portfolio Grid Thumbnail Sizes
Divi Booster - Change Divi Image Portfolio Grid Thumbnail Sizes
Divi Booster - Customizing The Divi Portfolio Grid
Geno Quiroz | Monterey Premier - Divi Portfolio Grid Hover Animations & Larger 3 Column Images
Geno Quiroz | Monterey Premier - Dynamic Filterable Portfolio Text
Elegant Tweaks - Fullwidth projects open in lightbox
Elegant Tweaks - HOW TO CHANGE THE SIZE / ASPECT RATIOS OF THE PORTFOLIO GRID IMAGES.
Divi Space - HOW TO MAKE THE DIVI PORTFOLIO CAROUSEL RESPONSIVE
Innovative Solutions Group - MAKING FULL-WIDTH GRID PORTFOLIOS SQUARE
Divi Space - Remove the link from Divi Projects modules
Elegant Tweaks - Stop Fullwidth Portfolio Images from Being Cropped
Divi Booster
Divi Post Modules
Divi Pricing Table
- Customizing the Pricing Table in Divi
Geno Quiroz | Monterey Premier - Hide Bullet Points on Divi Pricing Tables
Divi Booster
Divi Section Dividers
- A Diagonal Border That Starts From The Left
Geno Quiroz | Monterey Premier - ADDING ARROW SECTION DIVIDERS TO THE DIVI THEME
Divi Space - How to Create a Rounded Split Between Sections in Divi
Geno Quiroz | Monterey Premier - How to Create Diagonal Lines Between Sections in Divi
Geno Quiroz | Monterey Premier - How to Create Transparent Triangles Between Sections in Divi
Geno Quiroz | Monterey Premier - How to Create Triangles Between Sections in Divi
Geno Quiroz | Monterey Premier - How to Float An Image In Between Sections in Divi
Geno Quiroz | Monterey Premier
- Add a “Sticky” Widget Area in Divi Theme
Divi Booster - Add Thumbnails To Your Sidebar Recent Post List
Geno Quiroz | Monterey Premier - Change Divi and Woocommerce to left sidebar like Amazon
Elegant Tweaks - Change Sidebar from 1/4 to 1/3 in Divi Default Pages
Geno Quiroz | Monterey Premier - Changing the Width of the Divi Sidebar
Divi Booster - Get Rid of the Sidebar on Divi Builder Pages
Divi Booster - Modify Your Divi Search Widget and Widget Titles
Geno Quiroz | Monterey Premier
Divi Signup Module
- Customizing the Subscribe Module in Divi
Geno Quiroz | Monterey Premier - Super Slim Divi Signup Module
Geno Quiroz | Monterey Premier - Super Slim Divi Signup Module
Geno Quiroz | Monterey Premier
Divi Slider Modules
- 4 Effects for Divi Slider Module Dot Navigation
Divicious - A Simple Slider Alternative for Divi
Geno Quiroz | Monterey Premier - Aligning The Fullwidth Slider Text Left or Right
Divi Soup - Alternating Left and Right Aligned Fullwidth Slider
Divi Soup - Changing the Height of the Divi Slider
Divi Booster - CHANGING THE STANDARD DIVI SLIDER TRANSITIONS
Divi Space - Disable Divi Slider Image “Slide In” Effect
Divi Booster - HOW TO MAKE THE DIVI FULL WIDTH SLIDER RESPONSIVE
Innovative Solutions Group - Make Divi Post Slider Module Image into a Clickable Link to the Post
Divi Booster - Make Divi Slider Module Image into a Clickable Link
Divi Booster - MAKE THE FULL WIDTH SLIDER BUTTON TO OPEN IN NEW TAB
Elegant Enthusiast - Making the Divi Slider Controls “Hollow”
Divi Booster - Making the Divi Slider Controls Square
Divi Booster
- Open Social Media Links of Person Module in the New Tab
Elegant Enthusiast
Divi Tabs Module
Divi Testimonial Module
- Boxed Testimonial Slider
Divi Soup - COOL OVERLAPPING TESTIMONIAL SECTION
Elegant Child Themes - Customizing the Testimonial Module in Divi
Geno Quiroz | Monterey Premier
Divi Text Module
- DIAGONAL ‘STEPS’ TEXT BOXES AND OTHER UNUSUAL SHAPES WITH CSS
Divi Space - Increase Divi Text Module Bullet List Spacing and Indent
Divi Booster - Styling Text Images in Divi
Geno Quiroz | Monterey Premier
- 4 snippets for the toggle module
Creative Child Themes - 4 snippets for the toggle module
Creative Child Themes
Fixes & Troubleshooting
- “HELP! MY CSS ISN’T WORKING!” – TROUBLESHOOTING CSS
Divi Space - Fix Divi Anchor Links not Working Correctly
Divi Booster - Fix Divi Sliders and Images not Working with WP 4.5
Divi Booster - How to Fix Divi Contact Module Captcha Problems
Divi Booster
Flip Cards
- How to create a Flip Card for Divi
Creative Child Themes
Widget Styling
- Add Dividers Between Widgets
Divi Creative
WooCommerce
- Woocommerce: Show 4 Products per Row in Divi
Divi Booster
WordPress Dashboard
- ADD PHP TO A WORDPRESS WIDGET
Divi Space - Adding JavaScript / jQuery to the Divi Theme
Divi Booster - ADDING OPTIONS TO THE THEME CUSTOMIZER
Divi Space - Adding PHP code to the Divi Theme
Divi Booster - BUILD A CUSTOM 404 / PAGE NOT FOUND TEMPLATE
Divi Space - GET THIS CUSTOM ‘GHOST LOGIN’ IN THREE MINUTES OR LESS.
Divi Space - How to add custom text to the dashboard
Creative Child Themes - How to add custom text to the dashboard
Creative Child Themes
Divi
Divi Expert Services
Divi Community
