Skip to main content
How Can We Help?
-
Divi Quick tips and tricks
- Welcome Divi Quick tips and tricks tutorial
- How to start your initial build
- How to Configure Heading and text preset in divi builder
- How to Configure Row settings in Divi builder
- How to Configure Section settings in Divi builder
- How to Configure Blurb Settings in Divi Builder
- How to configure button presets
- Guidelines for adding Classes in divi builder
- How to Write Media Queries Properly According to Devices
- How to Create an Inner Page Banner in Divi Builder
- How to Optimize Images Without Opening Photoshop
- How to Crop an Image Instantly Without Opening Photoshop
- Best Color picker tool
- How to do bulk image optimization without losing image quality
- Best browser and extension to work with divi builder
- Best practice to download images from design file
- Open Or Edit any document in browser
- How to Change icon color in photoshop without designer help
- How to Write a Proper Note When You Need Clarification
- How to change PNG icon color by CSS
- Show Remaining Articles (5) Collapse Articles
-
Import & Export
-
Snippets
- AISEO FIX for divi 5
- Divi-accordion-closeable-Script
- Divi-Sub-Menu-Collaps-Functionality
- Wocommerce Basic Css
- Banner jumps during page load
- Blog List Filter Grid
- Header Layouts and CSS
- Mega Menu
- Button in the Canvas is not working
- To show full Image thumbnail for the gallery module Script code
- Tab Type Team Bio With Scroll Function js
- Media Query CSS
- Gravity Form Radio Button and checkbox styling
- Inline Book Page Logos for Forbes
- Sticky header sticks early
- Header Bounce Fix
- Woocommerce global button style
- Image Zoom on LightBox
- Divi FilterGrid: Link Menu Items to Active Category Filters
- Show Remaining Articles (4) Collapse Articles
-
Preferred plugins
-
Forbes sites
-
Tools and Extention
-
Technical Quality Assurance
-
Divi 5 Tips and Trics
-
Video Tutorial
-
Library
-
Quality Assurance
-
Guidelines & Notes
- Image Alt Text
- Security Audit checklist for WordPress
- Importing/Exporting WooCommerce Products
- Image Optimization Best Practices
- Site Speed Best Practices
- Team Tools
- Form Message - Forbes Sites
- Custom Top Bar
- AISEO FIX for divi 5
- Preferred Plugins List
- Social Network images in AIOSEO
- Purehealthpeptides.com - Rules
- Use a custom button for Gravity Forms
- Activate Magnific Popup in DIVI
- Any Basic Information can be found here
- To show full Image thumbnail for the gallery module Script code
- Slick Slider Integration
- Attention needed - Clinical Enrollment dev site protection issues
- layout/Functionality Notes
- Consistency in Builds
- Freshysites Website rules checklist
- Beaver Builder learning
- Migrating Posts with Featured Images
- Woocommerce FS
- Overview of QA/QC Process Changes
- Divi - adding custom fonts
- Image Optimization
- Vimeo Video
- Add woff and woff2 fonts to Divi
- Payment Reciept Notification Example
- Plugin notes plus update
- Retheme
- Miscellaneous WooCommerce Solutions
- Gravity Forms & Google reCAPTCHA v3 - New QA item
- How to use Search & Filter Pro FILTERS but with Divi FilterGRID
- Speed Issue
- Additional notes on how to use WP Rocket with Pressable (with examples)
- WP Rocket Configuration
- How to use Search & Filter Pro FILTERS but with Divi FilterGRID
- Developer Add Site Notes to CRM
- Image Resources
- Divi Cloud Templates
- Show Remaining Articles (27) Collapse Articles
-
Common use
-
Internal Quality Assurance
- General Asana Communication
- Admin Labels
- Divi Build Standards
- CSS - Do not hard code global text sizes. Use Divi present style feature instead
- Blog page - setup the blog page differently
- Clients Website Page Speed woes and Improvements
- Favicon setup (Appareance > Favicon) - see details --->
- Housekeeping
- CSS
- Design elements are carried through all pages
-
Design Quality Assurance
- All content is on the site that should be
- Content on the pages flows well
- Image and text treatment are consistent throughout site
- Content on the pages flows well
- Popups are designed to match the website aesthetic (if applicable)
- The site is easy and clear to navigate
- It's a positive user experience
- It's easy for end users to find the information on the site that's associated with the main site goal
- Social media links are connected to the correct accounts
-
Woocommerce
-
Announcement
- Carousels on mobilie device - NN/G
- Slick Slider on Divi5
- Regarding the Divi 5 variables for font-size and spacing
- v3 Recaptcha
- Custom Fonts
- Regarding QA
- SEO process
- Divi5 Overview
- Figma to Divi Convert Font Size guildline
- Image Resources
- Pro tip for your build team regarding images and sizing
- September 2026 Notes:
- WP Store locator updated
-
Explore
Social Media icons updated to client URLs (or removed if not exist) – Google search for them (Theme Customizer > Divi Booster > Social Media Icons)
Video
https://drive.google.com/file/d/1ISRUqqI9kzrpe9DkZ7yZ_IFeDbKoO1Xe/view
Video with subtitles
https://drive.google.com/file/d/1x9zM3FNN3geXN9vrhiiMcJLXzfOO54m5/view?usp=sharing
Favicon setup (Appareance > Favicon) – see details —>
Video
https://drive.google.com/file/d/1Abfv6WzXHP30NcdfyLP16nEZQhpGEVpm/view
Video with subtitles
https://drive.google.com/file/d/1TNqtqvLfZ9-htsLr5ZK6ygXdXVZPkUNE/view?usp=sharing
_________________________
iOS
- Change background color if white is not ideal
Android Chrome
- In most cases, it is ideal to “Apply a slight drop shadow”
- Change “App name” to be the business name
- Change “Theme Color” to be the main branding color. This changes the URL bar color in Chrome, on Android devices.
Windows Metro
- In most cases, “Use a white silhouette version” and change the background color to the main branding color.
MacOS Safari
- In most cases, “Use a silhouette” version or “turn your picture into a monochrome icon” and adjust the threshold as needed.
- Change “Theme Color” to main brand color.
Generator Options:
- Version/Refresh: choose “The web site is already in production…”
- Compression: in most cases “Very high quality” is preferred
- Scaling algorithm: in most cases “Lanczos” looks the best
- App name: choose the “Specific app name…”
- Additional files: leave alone (blank)
Theme Colors (Divi > Theme Options > Color Pickers Default Palette)
Video
https://drive.google.com/file/d/13CGnqLfOle3h21HK8NSPzGc7Tomwv3i4/view
Video with subtitles
https://drive.google.com/file/d/1IGUZi3TrcGmIBTRfdnZoNZTPr3R42G65/view?usp=sharing
Gravity Forms – If there are additional Gravity Forms, ensure they have proper mapping for the From name, Reply To, etc. (and that certain fields are required; such as Email field) — and that Confirmation messages make sense for the form
Video
https://drive.google.com/file/d/1ChBMBPahciLicMx47gQpRdTAVIelww_a/view
Video with subtitles
https://drive.google.com/file/d/1_XS_sNjzmc3TQY7R7rEQcephwihWIKpo/view?usp=sharing
Table of Contents