# Elegant Themes Help Center > Elegant Themes Help Center ## Divi 5 - [Why Divi 5 Is Better than Divi 4](https://help.elegantthemes.com/en/articles/13762555-why-divi-5-is-better-than-divi-4.md): Learn why Divi 5 is better the Divi 4 and about the major features that Divi 5 introduces. - [Install and Activate Divi 5](https://help.elegantthemes.com/en/articles/12951730-install-and-activate-divi-5.md): Learn how to install and activate Divi 5 on your WordPress site, from downloading the theme to turning on your license. - [Divi 5 Update Status](https://help.elegantthemes.com/en/articles/9973580-divi-5-update-status.md): A complete list of all Divi 5 changes, complete with a detailed changelog outlining each release's new features and bug fixes. - [Divi 5 Theme Options](https://help.elegantthemes.com/en/articles/12958885-divi-5-theme-options.md): Learn how to use Divi 5 Theme Options to control your site’s global settings, performance, tracking codes, and updates. - [Create and Build a Page with Divi 5 from Scratch](https://help.elegantthemes.com/en/articles/12982611-create-and-build-a-page-with-divi-5-from-scratch.md): Learn how to create a new page and build a complete layout with Divi 5 from scratch using the Visual Builder, step by step. - [Create and Build a Page with Divi 5 using a Premade Layout](https://help.elegantthemes.com/en/articles/12983497-create-and-build-a-page-with-divi-5-using-a-premade-layout.md): Learn how to create a page in Divi 5 using a premade layout and customize it with your own text, images, and branding. - [Use The Theme Builder to Customize Your Website’s Header and Footer](https://help.elegantthemes.com/en/articles/12984638-use-the-theme-builder-to-customize-your-website-s-header-and-footer.md): Learn how to use the Theme Builder to customize your website’s header and footer in Divi 5 with global and page-level templates. - [Create a New Website Using a Pre-Made Starter Site](https://help.elegantthemes.com/en/articles/12985041-create-a-new-website-using-a-pre-made-starter-site.md): Learn how to create a new website using a pre-made Starter Site in Divi 5 with Divi Quick Sites. - [Setting up the Basic Website Design System](https://help.elegantthemes.com/en/articles/13884394-setting-up-the-basic-website-design-system.md): Learn how to set up your basic website design system in Divi 5 using the Theme Customizer for colors, fonts, and buttons. - [How to Safely Migrate from Divi 4 to Divi 5](https://help.elegantthemes.com/en/articles/12767407-how-to-safely-migrate-from-divi-4-to-divi-5.md): Learn how to safely migrate or update a Divi 4 website to Divi 5. - [What is the Divi 5 Migrator System?](https://help.elegantthemes.com/en/articles/9799364-what-is-the-divi-5-migrator-system.md): Learn about the Divi 5 migrator system, which ensures a smooth transition to Divi 5 by checking compatibility and preparing for upgrades. - [How to Rollback to Divi 4](https://help.elegantthemes.com/en/articles/9858053-how-to-rollback-to-divi-4.md): Learn how to safely rollback and restore your entire website to Divi 4 from Divi 5. - [Backward Compatibility and Third-Party Divi Module Support](https://help.elegantthemes.com/en/articles/9824521-backward-compatibility-and-third-party-divi-module-support.md): Learn how Divi 5 ensures backward compatibility and supports third-party modules, making updates seamless without breaking your site. - [Divi 5 Visual Builder Interface](https://help.elegantthemes.com/en/articles/12991185-divi-5-visual-builder-interface.md): Learn how to use the Visual Builder interface in Divi 5 so you can move around, edit, and design your pages with confidence. - [Divi 5 Visual Builder Keyboard Shortcuts](https://help.elegantthemes.com/en/articles/12992094-divi-5-visual-builder-keyboard-shortcuts.md): Learn how to use Divi 5 Visual Builder keyboard shortcuts to work faster and stay focused while you design your pages. - [Divi 5 Visual Builder Right-Click Contextual Menus](https://help.elegantthemes.com/en/articles/12992238-divi-5-visual-builder-right-click-contextual-menus.md): Learn how to use Divi 5 Visual Builder right-click contextual menus to work faster, copy styles, and manage your layouts. - [Divi Library in Divi 5](https://help.elegantthemes.com/en/articles/13616078-divi-library-in-divi-5.md): Learn how to use the Divi 5 Library to save, reuse, and manage layouts, sections, rows, and modules across your site. - [The Role Editor in Divi 5](https://help.elegantthemes.com/en/articles/13820812-the-role-editor-in-divi-5.md): Learn how the Role Editor in Divi 5 lets you control what each WordPress user role can access and do inside the Visual Builder. - [Wireframe View in Divi 5](https://help.elegantthemes.com/en/articles/10469465-wireframe-view-in-divi-5.md): Learn how to use the Divi 5 Wireframe View to efficiently manage content-heavy or complex Divi pages. - [How Responsive Options Work in Divi 5](https://help.elegantthemes.com/en/articles/10454950-how-responsive-options-work-in-divi-5.md): Learn how to use the new Divi 5 Responsive System to ensure your design will display perfectly on all mobile devices. - [Divi 5 Visual Builder's Left Options Sidebar](https://help.elegantthemes.com/en/articles/10469656-divi-5-visual-builder-s-left-options-sidebar.md): Learn how to use the Left Options Sidebar to streamline the design process. - [Add, Duplicate, and Remove Elements in Divi 5 Visual Builder](https://help.elegantthemes.com/en/articles/12992617-add-duplicate-and-remove-elements-in-divi-5-visual-builder.md): Learn how to add, duplicate, and remove sections, rows, and modules in the Divi 5 Visual Builder. - [Customize the Divi 5's Default Breakpoints](https://help.elegantthemes.com/en/articles/13001900-customize-the-divi-5-s-default-breakpoints.md): Learn how to customize the Divi 5’s default breakpoints so your layouts look right on every screen size. - [Responsive Editor in Divi 5 Visual Builder](https://help.elegantthemes.com/en/articles/13002269-responsive-editor-in-divi-5-visual-builder.md): Learn how to use the Responsive Editor in Divi 5 Visual Builder to quickly fine-tune your designs for all available breakpoints. - [Inspect Element Styles Using Divi 5 Style Inspector](https://help.elegantthemes.com/en/articles/13002652-inspect-element-styles-using-divi-5-style-inspector.md): Learn how to inspect element styles using the Divi 5 Style Inspector so you can see and edit all styles, content, and presets in one place. - [Copy/Paste Elements and Elements Attributes in Divi 5 Visual Builder](https://help.elegantthemes.com/en/articles/13309833-copy-paste-elements-and-elements-attributes-in-divi-5-visual-builder.md): Learn how to copy and paste elements and attributes in Divi 5 Visual Builder to reuse designs and keep styles consistent. - [Find and Replace Attributes in Divi 5 Visual Builder](https://help.elegantthemes.com/en/articles/13342542-find-and-replace-attributes-in-divi-5-visual-builder.md): Learn how to find and replace attributes in Divi 5 Visual Builder to quickly update design values across your layouts. - [Global Variables in Divi 5](https://help.elegantthemes.com/en/articles/13348842-global-variables-in-divi-5.md): Learn how to use Global Variables in Divi 5 to control colors, fonts, spacing, and content from one place. - [Advanced Styling using Element Presets in Divi 5](https://help.elegantthemes.com/en/articles/13349150-advanced-styling-using-element-presets-in-divi-5.md): Learn how to use module presets in Divi 5 to build a reusable design system and style your site consistently. - [Advanced Styling using Option Group Presets in Divi 5](https://help.elegantthemes.com/en/articles/13349301-advanced-styling-using-option-group-presets-in-divi-5.md): Learn how to use Option Group Presets in Divi 5 to build consistent, reusable styles you can update in one place. - [Advanced Content Management using Dynamic Content in Divi 5](https://help.elegantthemes.com/en/articles/13627810-advanced-content-management-using-dynamic-content-in-divi-5.md): Learn how to use Dynamic Content in Divi 5 to pull real data from WordPress and custom fields into your designs automatically. - [Build Custom Loops using Loop Builder in Divi 5](https://help.elegantthemes.com/en/articles/13644757-build-custom-loops-using-loop-builder-in-divi-5.md): Learn how to build custom loops in Divi 5 using Loop Builder to design dynamic lists of posts, products, and more. - [Build Custom Templates Using the Theme Builder in Divi 5](https://help.elegantthemes.com/en/articles/13644980-build-custom-templates-using-the-theme-builder-in-divi-5.md): Learn how to build custom templates with the Theme Builder in Divi 5 so your headers, footers, and page layouts stay consistent and automatic. - [Editable Theme Builder Areas in Divi 5](https://help.elegantthemes.com/en/articles/14014566-editable-theme-builder-areas-in-divi-5.md): Learn how to edit your header, footer, and body templates from the front end in a single session with Divi 5's editable Theme Builder areas. - [Variable Generator in Divi 5](https://help.elegantthemes.com/en/articles/14851749-variable-generator-in-divi-5.md): Learn how to generate fluid sizing scales and complete color palettes automatically using the Variable Generator in Divi 5's Visual Builder. - [New Gradient Editor, Gradient Variables, Text Effects in Divi 5](https://help.elegantthemes.com/en/articles/15418463-new-gradient-editor-gradient-variables-text-effects-in-divi-5.md): Learn how to use Divi 5's new gradient editor, gradient variables, and text effects to fill text with gradients or images and add strokes. - [The Post Filter Module in Divi 5](https://help.elegantthemes.com/en/articles/16186978-the-post-filter-module-in-divi-5.md): Learn how to let visitors filter, search, and sort a loop on your page with the Divi 5 Post Filter module. - [The Imagely Gallery Module in Divi 5](https://help.elegantthemes.com/en/articles/15946069-the-imagely-gallery-module-in-divi-5.md): Learn how to display and style a NextGEN Gallery inside Divi 5 with the Imagely Gallery module. - [The Gravity Form Module in Divi 5](https://help.elegantthemes.com/en/articles/15945400-the-gravity-form-module-in-divi-5.md): Learn how to embed and style a Gravity Forms form in Divi 5 with the Gravity Form module. - [The Payment Button Module in Divi 5](https://help.elegantthemes.com/en/articles/15944794-the-payment-button-module-in-divi-5.md): Learn how to use the Divi 5 Payment Button module to add a PayPal or Stripe checkout button to your pages. - [The Tooltip Module in Divi 5](https://help.elegantthemes.com/en/articles/15585511-the-tooltip-module-in-divi-5.md): Learn how to add the Tooltip module in Divi 5 and style the hover, click, or on-load popups it shows next to any element. - [The Accordion Module in Divi 5](https://help.elegantthemes.com/en/articles/10063343-the-accordion-module-in-divi-5.md): Learn how to use Divi's Accordion Module to organize content in collapsible sections for a cleaner, more user-friendly design. - [The Audio Module in Divi 5](https://help.elegantthemes.com/en/articles/10125708-the-audio-module-in-divi-5.md): Learn how to use Divi’s Audio Module to add music, podcasts, or voiceovers to your site with a sleek, customizable design. - [The Bar Counters Module in Divi 5](https://help.elegantthemes.com/en/articles/10199990-the-bar-counters-module-in-divi-5.md): Learn how to use the Divi Bar Counters Module to showcase progress or stats with animated, customizable bar graphs. - [The Blog Module in Divi 5](https://help.elegantthemes.com/en/articles/10226327-the-blog-module-in-divi-5.md): Learn how to use the Divi Blog Module to display your posts dynamically with customizable layouts and styles. - [The Blurb Module in Divi 5](https://help.elegantthemes.com/en/articles/10226428-the-blurb-module-in-divi-5.md): Learn how to use Divi's Blurb Module to combine text and visuals, creating engaging highlights for services, features, or key information. - [The Button Module Divi 5](https://help.elegantthemes.com/en/articles/10259665-the-button-module-divi-5.md): Learn how to use the Divi Button Module to create customizable, attention-grabbing buttons that drive user engagement on your site. - [The Call to Action Module Divi 5](https://help.elegantthemes.com/en/articles/10259934-the-call-to-action-module-divi-5.md): Learn how to use the Divi Call to Action Module to create engaging prompts that drive user interaction and conversions. - [The Circle Counter Module in Divi 5](https://help.elegantthemes.com/en/articles/10260293-the-circle-counter-module-in-divi-5.md): Learn how to use Divi's Circle Counter Module to display animated stats and data with lazy loading for an eye-catching, interactive design. - [The Code Module Divi 5](https://help.elegantthemes.com/en/articles/10260309-the-code-module-divi-5.md): Learn how to use the Divi Code Module to add custom HTML, CSS, or JavaScript to your site for advanced functionality and design. - [The Comments Module in Divi 5](https://help.elegantthemes.com/en/articles/10260827-the-comments-module-in-divi-5.md): Learn how to use Divi's Comments Module to style and customize comment sections, boost engagement, and add them anywhere in your layout. - [The Contact Form Module in Divi 5](https://help.elegantthemes.com/en/articles/10260983-the-contact-form-module-in-divi-5.md): Learn how to use Divi's Contact Form Module to create customizable forms with spam protection, allowing your visitors to reach you. - [The Countdown Timer Module in Divi 5](https://help.elegantthemes.com/en/articles/10273123-the-countdown-timer-module-in-divi-5.md): Learn how to use Divi's Countdown Timer Module to create dynamic timers for events, launches, sales, or coming soon pages on your site. - [The Divider Module in Divi 5](https://help.elegantthemes.com/en/articles/10273265-the-divider-module-in-divi-5.md): Learn how to use the Divider module to add visual separation in your page's design. - [The Email Optin Module in Divi 5](https://help.elegantthemes.com/en/articles/10273324-the-email-optin-module-in-divi-5.md): Learn how to use the Divi Email Optin Module to grow your mailing list with customizable forms and seamless email integration. - [The Filterable Portfolio Module in Divi 5](https://help.elegantthemes.com/en/articles/10315331-the-filterable-portfolio-module-in-divi-5.md): Learn how to use the Divi Filterable Portfolio to showcase and organize your projects with customizable filters and layouts. - [The Gallery Module in Divi 5](https://help.elegantthemes.com/en/articles/10315545-the-gallery-module-in-divi-5.md): Learn how to use the Divi Gallery Module to display stunning image galleries with customizable layouts and features. - [The Group Carousel Module in Divi 5](https://help.elegantthemes.com/en/articles/11982051-the-group-carousel-module-in-divi-5.md): Learn how to showcase multiple modules in a sliding, scrollable format using the Divi Group Carousel module. - [The Group Module in Divi 5](https://help.elegantthemes.com/en/articles/11170855-the-group-module-in-divi-5.md): Learn how to use the Group module to group different modules and nested rows. - [The Heading Module in Divi 5](https://help.elegantthemes.com/en/articles/10315593-the-heading-module-in-divi-5.md): Learn how to use the Divi Heading Module to create impactful, customizable headings that enhance your site's design and readability. - [The Hero Module in Divi 5](https://help.elegantthemes.com/en/articles/10369762-the-hero-module-in-divi-5.md): Learn how to use the Divi Fullwidth Header Module to create impactful headers with customizable text, images, and design options. - [The Icon List Module in Divi 5](https://help.elegantthemes.com/en/articles/11982062-the-icon-list-module-in-divi-5.md): Learn how to create custom bullet lists with icons in Divi using the Icon List module for clear, engaging content display. - [The Icon Module in Divi 5](https://help.elegantthemes.com/en/articles/10315683-the-icon-module-in-divi-5.md): Learn how to use the Divi Icon Module to add eye-catching icons to your site with customizable styles and designs. - [The Image Module in Divi 5](https://help.elegantthemes.com/en/articles/10315772-the-image-module-in-divi-5.md): Learn how to use the Divi Image Module to add and customize images on your site with ease, enhancing your design and visual appeal. - [The Login Module in Divi 5](https://help.elegantthemes.com/en/articles/10315833-the-login-module-in-divi-5.md): Learn how to use the Divi Login Module to create custom login forms with personalized designs for your website users. - [The Lottie Module in Divi 5](https://help.elegantthemes.com/en/articles/11982058-the-lottie-module-in-divi-5.md): Learn how to use Divi's Lottie Module to add animated SVG or JSON files to your designs. - [The Map Module in Divi 5](https://help.elegantthemes.com/en/articles/10353411-the-map-module-in-divi-5.md): Learn how to use the Map Module to add interactive, customizable maps to your site with ease. - [The Menu Module in Divi 5](https://help.elegantthemes.com/en/articles/10353582-the-menu-module-in-divi-5.md): Learn how to use the Divi Menu Module to create customizable navigation menus that enhance your site's design and user experience. - [The Number Counter Module in Divi 5](https://help.elegantthemes.com/en/articles/10353752-the-number-counter-module-in-divi-5.md): Learn how to use the Divi Number Counter Module to display animated stats or milestones with customizable design options. - [The Pagination Module in Divi 5](https://help.elegantthemes.com/en/articles/10358759-the-pagination-module-in-divi-5.md): Learn how to use the Divi Pagination Module to add customizable links for seamless navigation between posts. - [The Person Module in Divi 5](https://help.elegantthemes.com/en/articles/10353818-the-person-module-in-divi-5.md): Learn how to use the Divi Person Module to showcase team members or profiles with customizable layouts and design options. - [The Portfolio Module in Divi 5](https://help.elegantthemes.com/en/articles/10358290-the-portfolio-module-in-divi-5.md): Learn how to use the Divi Portfolio Module to display your projects in a customizable grid or carousel layout. - [The Post Carousel Module in Divi 5](https://help.elegantthemes.com/en/articles/10373482-the-post-carousel-module-in-divi-5.md): Learn how to use the Divi Fullwidth Portfolio Module to display your projects in a sleek, full-width layout with customizable options. - [The Post Content Module in Divi 5](https://help.elegantthemes.com/en/articles/10587147-the-post-content-module-in-divi-5.md): Lean how to use the Post Content module, to unify your design and layout for all post types. - [The Post Slider Module in Divi 5](https://help.elegantthemes.com/en/articles/10358882-the-post-slider-module-in-divi-5.md): Learn how to use the Divi Post Slider Module to showcase your posts in an engaging, customizable slider format. - [The Post Title Module in Divi 5](https://help.elegantthemes.com/en/articles/10364058-the-post-title-module-in-divi-5.md): Learn how to use the Divi Post Title Module to display dynamic post titles with customizable styles and layouts. - [The Pricing Tables Module in Divi 5](https://help.elegantthemes.com/en/articles/10364124-the-pricing-tables-module-in-divi-5.md): Learn how to use the Divi Pricing Tables Module to showcase pricing options with customizable layouts and features. - [The Row in Divi 5](https://help.elegantthemes.com/en/articles/10316106-the-row-in-divi-5.md): Learn how to use Divi Rows to structure your layouts, organize modules, and customize designs with flexible settings. - [The Search Module in Divi 5](https://help.elegantthemes.com/en/articles/10364231-the-search-module-in-divi-5.md): Learn how to use the Divi Search Module to add a customizable search bar that enhances navigation and user experience. - [The Section in Divi 5](https://help.elegantthemes.com/en/articles/9996489-the-section-in-divi-5.md): Learn how to use Sections to structure your page layout and create visually distinct areas for better organization and user experience. - [The Sidebar Module in Divi 5](https://help.elegantthemes.com/en/articles/10364419-the-sidebar-module-in-divi-5.md): Learn how to use the Divi Sidebar Module to display widgets and dynamic content in a customizable sidebar anywhere on your site. - [The Slider Module in Divi 5](https://help.elegantthemes.com/en/articles/10364612-the-slider-module-in-divi-5.md): Learn how to use the Divi Slider Module to create engaging slideshows with customizable content, effects, and styles. - [The Social Media Follow Module in Divi 5](https://help.elegantthemes.com/en/articles/10364982-the-social-media-follow-module-in-divi-5.md): Learn how to use the Divi Social Media Follow Module to add customizable social icons and links, boosting your online presence. - [The Tabs Module in Divi 5](https://help.elegantthemes.com/en/articles/10365057-the-tabs-module-in-divi-5.md): Learn how to use the Divi Tabs Module to organize content into customizable, user-friendly tabbed sections on your site. - [The Testimonial Module in Divi 5](https://help.elegantthemes.com/en/articles/10365121-the-testimonial-module-in-divi-5.md): Learn how to use the Divi Testimonial Module to showcase customer reviews with customizable layouts and design options. - [The Text Module in Divi 5](https://help.elegantthemes.com/en/articles/10365197-the-text-module-in-divi-5.md): Learn how to use the Divi Text Module to add and style text content with full control over fonts, colors, spacing, and alignment. - [The Toggle Module in Divi 5](https://help.elegantthemes.com/en/articles/10368052-the-toggle-module-in-divi-5.md): Learn how to use the Divi Toggle Module to display collapsible content sections with customizable styles and layouts. - [The Video Module in Divi 5](https://help.elegantthemes.com/en/articles/10368098-the-video-module-in-divi-5.md): Learn how to use the Divi Video Module to embed and customize videos with ease, enhancing engagement on your site. - [The Video Slider Module in Divi 5](https://help.elegantthemes.com/en/articles/10368157-the-video-slider-module-in-divi-5.md): Learn how to use the Divi Video Slider Module to showcase multiple videos in a customizable, interactive slider format. - [The Link Module in Divi 5](https://help.elegantthemes.com/en/articles/13713821-the-link-module-in-divi-5.md): Learn how to create flexible menu and navigation links in Divi 5 using the Link module and dynamic content. - [The Dropdown Module in Divi 5](https://help.elegantthemes.com/en/articles/13714244-the-dropdown-module-in-divi-5.md): Learn how to use the Dropdown module and all its settings. The Dropdown module can be used to build mega menus in Divi 5. - [The Before/After Image Module in Divi 5](https://help.elegantthemes.com/en/articles/13714462-the-before-after-image-module-in-divi-5.md): Learn how to compare two images in Divi 5 using the Before/After Image Slider module with a draggable reveal handle. - [The Contact Form 7 Styler Module in Divi 5](https://help.elegantthemes.com/en/articles/14716484-the-contact-form-7-styler-module-in-divi-5.md): Learn how to use the Contact Form 7 Styler module in Divi 5 to style Contact Form 7 forms so they match the look and feel of your Divi site. - [The Canvas Portal Module in Divi 5](https://help.elegantthemes.com/en/articles/14718409-the-canvas-portal-module-in-divi-5.md): Learn how to use the Canvas Portal module and all its settings. The Canvas Portal displays Divi 5 canvases anywhere in your layout. - [The Breadcrumbs Module in Divi 5](https://help.elegantthemes.com/en/articles/14852183-the-breadcrumbs-module-in-divi-5.md): Learn how to add, configure, and style the new Breadcrumbs Module in Divi 5 to give visitors a clear navigation path back through your site. - [The SVG Module in Divi 5](https://help.elegantthemes.com/en/articles/15081438-the-svg-module-in-divi-5.md): Learn how to add and style sharp, infinitely scalable vector graphics on any Divi 5 page by pasting valid SVG code or uploading an SVG file. - [The Timeline module in Divi 5](https://help.elegantthemes.com/en/articles/15162149-the-timeline-module-in-divi-5.md): Learn how to build a dated event timeline in Divi 5, with alternating-side layouts powered by the \(Even\) option groups. - [The Instagram Feed Module in Divi 5](https://help.elegantthemes.com/en/articles/15250319-the-instagram-feed-module-in-divi-5.md): Learn how to add, connect, and style the Instagram Feed module in Divi 5 to display your latest posts on any page. - [The Table of Contents module in Divi 5](https://help.elegantthemes.com/en/articles/15250736-the-table-of-contents-module-in-divi-5.md): Learn how to add and style the Table of Contents module in Divi 5, which auto-builds a linked list of your page's headings. - [The Post Filter Items in Divi 5](https://help.elegantthemes.com/en/articles/16187393-the-post-filter-items-in-divi-5.md): Learn about different Post Filter Items that can be used inside the Post Filter module. - [The Chart Module in Divi 5](https://help.elegantthemes.com/en/articles/16196630-the-chart-module-in-divi-5.md): Learn how to use the Divi 5 Chart module to turn a simple data table into a line, bar, pie, scatter, or bubble chart. - [The Woo Notice Module in Divi 5](https://help.elegantthemes.com/en/articles/12032822-the-woo-notice-module-in-divi-5.md): Learn how to use the Woo Notice module, to display WooCommerce notification when a product is added to the cart. - [The Woo Breadcrumbs Module in Divi 5](https://help.elegantthemes.com/en/articles/12032985-the-woo-breadcrumbs-module-in-divi-5.md): Learn how to add navigational breadcrumbs with the Woo Breadcrumbs module to improve store navigation and user experience. - [The Woo Product Add to Cart Module in Divi 5](https://help.elegantthemes.com/en/articles/12033379-the-woo-product-add-to-cart-module-in-divi-5.md): Learn how to use the Woo Add to Cart module in Divi 5 to create custom, conversion-focused buttons for your WooCommerce store. - [The Woo Product Description Module in Divi 5](https://help.elegantthemes.com/en/articles/12033539-the-woo-product-description-module-in-divi-5.md): Learn how to use the Woo Product Description module in Divi 5 to display short or long product descriptions anywhere. - [The Woo Product Gallery Module in Divi 5](https://help.elegantthemes.com/en/articles/12033711-the-woo-product-gallery-module-in-divi-5.md): Learn how to use the Woo Product Gallery module in Divi 5 to showcase product images with full design and layout control. - [The Woo Product Images Module in Divi 5](https://help.elegantthemes.com/en/articles/12033909-the-woo-product-images-module-in-divi-5.md): Learn how to use the Woo Product Images module in Divi 5 to display and style your main product image anywhere on the page. - [The Woo Product Meta Module in Divi 5](https://help.elegantthemes.com/en/articles/12034567-the-woo-product-meta-module-in-divi-5.md): Learn how to use the Woo Product Meta module in Divi 5 to display SKU, categories, and tags with full styling control. - [The Woo Product Price Module in Divi 5](https://help.elegantthemes.com/en/articles/12034706-the-woo-product-price-module-in-divi-5.md): Learn how to use the Woo Product Price module in Divi 5 to display and style product pricing anywhere on your page. - [The Woo Product Rating Module in Divi 5](https://help.elegantthemes.com/en/articles/12040851-the-woo-product-rating-module-in-divi-5.md): Learn how to use the Woo Product Rating module in Divi 5 to display product ratings and boost customer trust. - [The Woo Product Reviews Module in Divi 5](https://help.elegantthemes.com/en/articles/12041040-the-woo-product-reviews-module-in-divi-5.md): Learn how to use the Woo Product Reviews module in Divi 5 to show existing reviews and a review form anywhere. - [The Woo Product Stock Module in Divi 5](https://help.elegantthemes.com/en/articles/12041304-the-woo-product-stock-module-in-divi-5.md): Learn how to use the Woo Product Stock module in Divi 5 to show availability or stock count anywhere in your product layouts. - [The Woo Product Tabs Module in Divi 5](https://help.elegantthemes.com/en/articles/12041462-the-woo-product-tabs-module-in-divi-5.md): Learn how to use the Woo Product Tabs module in Divi 5 to display product details, reviews, and extra info in tabbed layouts. - [The Woo Product Title Module in Divi 5](https://help.elegantthemes.com/en/articles/12041561-the-woo-product-title-module-in-divi-5.md): Learn how to use the Woo Product Title module in Divi 5 to place and style product titles anywhere in your layouts. - [The Woo Product Upsell Module in Divi 5](https://help.elegantthemes.com/en/articles/12041624-the-woo-product-upsell-module-in-divi-5.md): Learn how to use the Woo Product Upsell module in Divi 5 to show linked upsells products anywhere in your layouts and boost order value. - [The Woo Related Products Module in Divi 5](https://help.elegantthemes.com/en/articles/12041865-the-woo-related-products-module-in-divi-5.md): Learn how to use the Woo Related Products module in Divi 5 to display related items and keep customers exploring your store. - [The Woo Product Information Module in Divi 5](https://help.elegantthemes.com/en/articles/12042030-the-woo-product-information-module-in-divi-5.md): Learn how to use the Woo Product Information module in Divi 5 to display product attributes like dimensions, weight, or color anywhere. - [The Woo Products Module in Divi 5](https://help.elegantthemes.com/en/articles/12042132-the-woo-products-module-in-divi-5.md): Learn how to use the Woo Products module in Divi 5 to display dynamic galleries of featured, sale, or latest products anywhere. - [The Woo Cart Products Module in Divi 5](https://help.elegantthemes.com/en/articles/12095351-the-woo-cart-products-module-in-divi-5.md): Learn how to use the Woo Cart Products module in Divi 5 to display and style items currently added to the shopping cart. - [The Woo Cart Totals Module in Divi 5](https://help.elegantthemes.com/en/articles/12095355-the-woo-cart-totals-module-in-divi-5.md): Learn how to use the Woo Cart Totals module in Divi 5 to display and style subtotal, shipping, and total costs in the cart. - [The Woo Checkout Billing Module in Divi 5](https://help.elegantthemes.com/en/articles/12095364-the-woo-checkout-billing-module-in-divi-5.md): Learn how to use the Woo Checkout Billing module in Divi 5 to style and embed customized billing details section on your checkout page. - [The Woo Checkout Details Module in Divi 5](https://help.elegantthemes.com/en/articles/12095369-the-woo-checkout-details-module-in-divi-5.md): Learn how to use the Woo Checkout Details module in Divi 5 to show cart items, subtotal, and total in styled checkout layouts. - [The Woo Checkout Information Module in Divi 5](https://help.elegantthemes.com/en/articles/12095378-the-woo-checkout-information-module-in-divi-5.md): Learn how to use the Woo Checkout Information module in Divi 5 to add an order notes field and style it anywhere on checkout pages. - [The Woo Checkout Payment Module in Divi 5](https://help.elegantthemes.com/en/articles/12095382-the-woo-checkout-payment-module-in-divi-5.md): Learn how to use the Woo Checkout Payment module in Divi 5 to style your payment options seamlessly in checkout layouts. - [The Woo Checkout Shipping Module in Divi 5](https://help.elegantthemes.com/en/articles/12095386-the-woo-checkout-shipping-module-in-divi-5.md): Learn how to use the Woo Checkout Shipping module in Divi 5 to style and position shipping address fields anywhere on checkout pages. - [The Woo Cross Sells Module in Divi 5](https://help.elegantthemes.com/en/articles/12095391-the-woo-cross-sells-module-in-divi-5.md): Learn how to use the Woo Cross Sells module in Divi 5 to present complementary items in the cart and drive impulse purchases. - [How to Connect the Email Optin Module to HubSpot](https://help.elegantthemes.com/en/articles/14086136-how-to-connect-the-email-optin-module-to-hubspot.md): Learn how to connect Divi 5's Email Optin module to your HubSpot account, so new form subscribers are added to a HubSpot list automatically. - [How to Connect the Email Optin Module to MailChimp](https://help.elegantthemes.com/en/articles/14086375-how-to-connect-the-email-optin-module-to-mailchimp.md): Learn how to connect Divi 5's Email Optin module to your MailChimp account, so new form subscribers are added to a MailChimp list automatically. - [How to Connect the Email Optin Module to ConstantContact](https://help.elegantthemes.com/en/articles/14087425-how-to-connect-the-email-optin-module-to-constantcontact.md): Learn how to connect Divi 5's Email Optin module to your ConstantContact account, so new form subscribers are added to a ConstantContact list automatically. - [How to Connect the Email Optin Module to Brevo](https://help.elegantthemes.com/en/articles/14087864-how-to-connect-the-email-optin-module-to-brevo.md): Learn how to connect Divi 5's Email Optin module to your Brevo account, so new form subscribers are added to a Brevo list automatically. - [How to Connect the Email Optin Module to AWeber](https://help.elegantthemes.com/en/articles/14178319-how-to-connect-the-email-optin-module-to-aweber.md): Learn how to connect Divi 5's Email Optin module to your AWeber account, so new form subscribers are added to an AWeber list automatically. - [How to Connect the Email Optin Module to ActiveCampaign](https://help.elegantthemes.com/en/articles/14178447-how-to-connect-the-email-optin-module-to-activecampaign.md): Learn how to connect Divi 5's Email Optin module to your ActiveCampaign account, so new form subscribers are added to an ActiveCampaign list automatically. - [How to Connect the Email Optin Module to FluentCRM](https://help.elegantthemes.com/en/articles/14178633-how-to-connect-the-email-optin-module-to-fluentcrm.md): Learn how to connect Divi 5's Email Optin module to your FluentCRM account, so new form subscribers are added to a FluentCRM list automatically. - [How to Connect the Email Optin Module to iContact](https://help.elegantthemes.com/en/articles/14178779-how-to-connect-the-email-optin-module-to-icontact.md): Learn how to connect Divi 5's Email Optin module to your iContact account, so new form subscribers are added to an iContact list automatically. - [How to Connect the Email Optin Module to MailPoet](https://help.elegantthemes.com/en/articles/14178956-how-to-connect-the-email-optin-module-to-mailpoet.md): Learn how to connect Divi 5's Email Optin module to your MailPoet account, so new form subscribers are added to a MailPoet list automatically. - [Understanding the Background Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10063358-understanding-the-background-option-group-in-divi-5.md): Learn how to use the Background Options Group to customize colors, gradients, images, videos, patterns, and masks for any element. - [Understanding the Meta Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10066900-understanding-the-meta-option-group-in-divi-5.md): Learn how to use the Element Label to label your elements giving them more meaning and help collaboration on a larger projects. - [Understanding Title Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10066965-understanding-title-text-option-group-in-divi-5.md): Learn how to style title text in Divi 5 with customizable fonts, colors, and spacing for professional, polished website titles. - [Understanding the Toggle Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10101806-understanding-the-toggle-option-group-in-divi-5.md): Learn how to use the Accordion's Toggle Background option to improve both the aesthetics and usability of your Toggle or Accordion modules. - [Understanding the Accordion Module Icon Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10101739-understanding-the-accordion-module-icon-option-group-in-divi-5.md): Learn how to use the Icon design option to customize the default Accordion Icons and to enhance the appearance of your toggle icons. - [Understanding the Toggle Icon Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10101671-understanding-the-toggle-icon-option-group-in-divi-5.md): Learn how to customize the Accordion's Toggle Icon option to improve user experience by providing clear visual cues in your Accordion module - [Understanding the Accordion's Closed Title Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102283-understanding-the-accordion-s-closed-title-text-option-group-in-divi-5.md): Learn how to customize the Closed Title Text giving you control over toggle aesthetics and usability, ensuring a polished design. - [Understanding the Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102451-understanding-the-text-option-group-in-divi-5.md): Learn how to use the Text design options to create text that’s visually appealing and functional. - [Understanding the Sizing Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102469-understanding-the-sizing-option-group-in-divi-5.md): Learn how to use the Sizing design option to customize the element’s dimensions, making it easy to align your design. - [Understanding the Spacing Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102490-understanding-the-spacing-option-group-in-divi-5.md): Learn how to use the Spacing Design Options in Divi 5 to adjust margins and padding for precise control over your layout. - [Understanding the Border Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102574-understanding-the-border-option-group-in-divi-5.md): Learn how to use the Border design options to enhance module aesthetics, adding structure and style to your layout. - [Understanding the Box Shadow Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102594-understanding-the-box-shadow-option-group-in-divi-5.md): Learn how to use the Box Shadow options to enhance your module’s design, helping you create a sense of dimension and focus in your layouts. - [Understanding the Transform Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102613-understanding-the-transform-option-group-in-divi-5.md): Learn how to use the Transform options giving you creative control over your modules, creating designs that are dynamic and interactive. - [Understanding the Animation Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102631-understanding-the-animation-option-group-in-divi-5.md): Learn how to use the Animation design options in Divi 5 to add dynamic motion effects and enhance your site's visual appeal. - [Understanding the Conditions Options in Divi 5](https://help.elegantthemes.com/en/articles/10102758-understanding-the-conditions-options-in-divi-5.md): Learn how to use Divi's Conditions options to create dynamic, personalized content, ensuring the right message reaches the right audience. - [Understanding the Transitions Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102770-understanding-the-transitions-option-group-in-divi-5.md): Learn how to use the Divi's Transitions options to help you add subtle, impactful animations that enhance user experience. - [Understanding the Position Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102783-understanding-the-position-option-group-in-divi-5.md): Learn how to use the Position options giving you the flexibility for advanced layouts and enabling precise control over module placement - [Understanding the Scroll Effects Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102792-understanding-the-scroll-effects-option-group-in-divi-5.md): Learn how to use the Divi's Scroll Effects to create interactive and engaging designs, keeping users focused on important content. - [Understanding the Visibility Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102735-understanding-the-visibility-option-group-in-divi-5.md): Learn how to use the Visibility option which provide flexible tools to optimize your modules for any layout or device. - [Understanding the CSS Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102722-understanding-the-css-option-group-in-divi-5.md): Learn how to use the Custom CSS options allowing you to fine-tune your modules and enabling advanced styling. - [Understanding the Attributes Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102703-understanding-the-attributes-option-group-in-divi-5.md): Learn how to properly use the CSS IDs and Classes to ensures your site is easier to style, maintain, and debug. - [Understanding the Filters Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10102602-understanding-the-filters-option-group-in-divi-5.md): Learn how to use the Filters design option to customize your module’s look, adding depth and artistry to your Divi layouts. - [Understanding the Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10101904-understanding-the-text-option-group-in-divi-5.md): Learn how to use the Text design options to style the overall typography of your module. - [Understanding the Link Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10066994-understanding-the-link-option-group-in-divi-5.md): Learn how to make any element clickable to link pages, sections, or sites and manage link behavior in module settings for easy navigation. - [Understanding the Percentage Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10200244-understanding-the-percentage-text-option-group-in-divi-5.md): Learn how to utilize the Percentage Text design options to create visually engaging and readable percentage displays. - [Understanding the Elements Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248725-understanding-the-elements-option-group-in-divi-5.md): Learn how to customize the Elements options to control over details are displayed in your feed. - [Understanding the Overlay Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248734-understanding-the-overlay-option-group-in-divi-5.md): Learn how to use the Overlay options to help you create engaging hover effects, enhancing the interactivity and visual appeal of your feed. - [Understanding the Image Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248754-understanding-the-image-option-group-in-divi-5.md): Learn how to use the Image options to give you full control over your featured images, helping you craft a visually cohesive posts feed. - [Understanding the Meta Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248762-understanding-the-meta-text-option-group-in-divi-5.md): Learn how to use the Meta Text options to give you the flexibility to style and format post metadata. - [Understanding the Read More Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248771-understanding-the-read-more-option-group-in-divi-5.md): Learn how to use the Read More options to change the read more link’s appearance. - [Understanding the Pagination Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248789-understanding-the-pagination-text-option-group-in-divi-5.md): Learn how to use the Pagination Text options to style and format navigation links, ensuring they remain visually integrated. - [Understanding the Image & Icon Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10259617-understanding-the-image-icon-option-group-in-divi-5.md): Learn how to use the Image & Icon options to style images and icons, to enhance the visual impact and usability of your modules. - [Understanding the Button Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10259854-understanding-the-button-option-group-in-divi-5.md): Learn how to use the Button design options to craft custom buttons that complement your site’s aesthetic. - [Understanding the Attribute \(Button Relationship\) Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10259880-understanding-the-attribute-button-relationship-option-group-in-divi-5.md): Learn how to use the Attributes options to control button link behavior, ensuring they align with your SEO and security strategies. - [Understanding the Number Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10260390-understanding-the-number-text-option-group-in-divi-5.md): Learn how to use the Number Text options to control number-based text elements, and create visually impactful and consistent designs. - [Understanding the Fields Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10260887-understanding-the-fields-option-group-in-divi-5.md): Learn how to use the Fields options to control the appearance of your form fields, creating an engaging and functional user experience. - [Understanding the Email Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10261161-understanding-the-email-option-group-in-divi-5.md): Learn how to use the Message Pattern to receive well-structured emails that facilitate efficient communication with your website visitors. - [Understanding the Form Field Content Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10272945-understanding-the-form-field-content-option-group-in-divi-5.md): Learn how to use the Contact Form Field's content option and customize each form field to meet your requirements. - [Understanding the Spam Protection Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10273044-understanding-the-spam-protection-option-group-in-divi-5.md): Learn how to use the Spam Protection options to reduce bot submissions, ensuring that your forms remain secure and reliable. - [Understanding the Menu Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10353617-understanding-the-menu-text-option-group-in-divi-5.md): Learn how to use the Menu Text options to customize the appearance of the Menu module to better integrate it into your design. - [Understanding the Heading Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10365216-understanding-the-heading-text-option-group-in-divi-5.md): Learn how to customize Heading Text in Divi 5 with design options for fonts, colors, spacing, and alignment to enhance your site. - [Understanding the Content Option Group in Divi 5](https://help.elegantthemes.com/en/articles/10248683-understanding-the-content-option-group-in-divi-5.md): Learn how to use the Content options to have the flexibility to create tailored feeds that display the right content for your audience. - [Understanding the Checkbox Option Group in Divi 5](https://help.elegantthemes.com/en/articles/14717695-understanding-the-checkbox-option-group-in-divi-5.md): Learn how to use the Checkbox option group to customize checkbox typography, spacing, icon, background, border, and box shadow in Divi 5. - [Understanding the Radio Option Group in Divi 5](https://help.elegantthemes.com/en/articles/14717799-understanding-the-radio-option-group-in-divi-5.md): Learn how to use the Radio option group to customize radio button typography, spacing, icon, background, border, and box shadow in Divi 5. - [Understanding the Body Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419025-understanding-the-body-text-option-group-in-divi-5.md): Learn how to use the Body Text design options to create text that’s visually appealing and functional. - [Understanding the Comment Count Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419434-understanding-the-comment-count-text-option-group-in-divi-5.md): Learn how to customize Comment Count Text in Divi 5 with design options for fonts, colors, spacing, and alignment to enhance your site. - [Understanding the Form Title Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419517-understanding-the-form-title-text-option-group-in-divi-5.md): Learn how to customize Form Title Text in Divi 5 with design options for fonts, colors, spacing, and alignment to enhance your site. - [Understanding the Comment Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419582-understanding-the-comment-text-option-group-in-divi-5.md): Learn how to customize Comment Text in Divi 5 with design options for fonts, colors, spacing, and alignment to enhance your site. - [Understanding the Captcha Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419859-understanding-the-captcha-text-option-group-in-divi-5.md): Learn how to use the Captcha Text design options to create captcha text that’s visually appealing and functional. - [Understanding the Separator Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419921-understanding-the-separator-text-option-group-in-divi-5.md): Learn how to use the Separator Text design options to create text that’s visually appealing and functional. - [Understanding the Label Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15419962-understanding-the-label-text-option-group-in-divi-5.md): Learn how to use the Label Text design options to create text that’s visually appealing and functional. - [Understanding the Description Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420023-understanding-the-description-text-option-group-in-divi-5.md): Learn how to use the Description Text design options to customize the Email Option's module text that’s visually appealing and functional. - [Understanding the Result Message Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420102-understanding-the-result-message-text-option-group-in-divi-5.md): Learn how to use the Result Message Text design options to customize the Email Option's form submission result text that’s visually appealing and functional. - [Understanding the Filter Criteria Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420172-understanding-the-filter-criteria-text-option-group-in-divi-5.md): Learn how to use the Filter Criteria Text design options to customize the Filterable Portfolio module's filter text that’s visually appealing and functional. - [Understanding the Caption Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420238-understanding-the-caption-text-option-group-in-divi-5.md): Learn how to use the Caption Text options to style and format the image's caption text, ensuring they remain visually integrated. - [Understanding the Subtitle Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420343-understanding-the-subtitle-text-option-group-in-divi-5.md): Learn how to use the Subtitle Text options to style and format the Hero module's subtitle text, ensuring they remain visually integrated. - [Understanding the Link Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420461-understanding-the-link-text-option-group-in-divi-5.md): Learn how to use the Links Text options to style and format the Pagination module's link text, ensuring they remain visually integrated. - [Understanding the Position Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420535-understanding-the-position-text-option-group-in-divi-5.md): Learn how to use the Position Text options to style and format the Person module's position text, ensuring they remain visually integrated. - [Understanding the Carousel Item Title Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420828-understanding-the-carousel-item-title-text-option-group-in-divi-5.md): Learn how to use the Carousel Item Title Text options to style and format the Post Carousel Item's title text, ensuring they remain visually integrated. - [Understanding the Price Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15420980-understanding-the-price-text-option-group-in-divi-5.md): Learn how to use the Price Text options to style and format the Pricing Tables module's price text, ensuring they remain visually integrated. - [Understanding the Currency & Frequency Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15421055-understanding-the-currency-frequency-text-option-group-in-divi-5.md): Learn how to use the Currency & Frequency Text options to style and format the Pricing Tables module's price text, ensuring they remain visually integrated. - [Understanding the Excluded Item Text Option Group in Divi 5](https://help.elegantthemes.com/en/articles/15421080-understanding-the-excluded-item-text-option-group-in-divi-5.md): Learn how to use the Excluded Item Text options to style and format the Pricing Tables module's price text, ensuring they remain visually integrated. - [The Grid Editor in Divi 5](https://help.elegantthemes.com/en/articles/15847488-the-grid-editor-in-divi-5.md): Learn how to build CSS Grid layouts visually in Divi 5 - drag to size columns, rows, and gaps and place items exactly where you want. - [Workspaces in Divi 5](https://help.elegantthemes.com/en/articles/15459160-workspaces-in-divi-5.md): Learn how to save, switch, and manage Workspaces in Divi 5 to keep your favorite Visual Builder setups one click away. - [Getting Started with Divi 5 Theme Builder](https://help.elegantthemes.com/en/articles/10374023-getting-started-with-divi-5-theme-builder.md): Learn how to use the Divi 5 Theme Builder to create and manage custom templates for your WordPress site. - [Building Templates for Your Website with Theme Builder in Divi 5](https://help.elegantthemes.com/en/articles/10586867-building-templates-for-your-website-with-theme-builder-in-divi-5.md): Learn how to build and manage templates in Divi 5 for consistent design across your website. - [Editing and Customizing Theme Builder Templates in Divi 5](https://help.elegantthemes.com/en/articles/10587485-editing-and-customizing-theme-builder-templates-in-divi-5.md): Learn how to edit and customize Theme Builder templates in Divi 5 using the Template Layout Editor and Dynamic Content. - [Managing Theme Builder Templates in Divi 5](https://help.elegantthemes.com/en/articles/10616952-managing-theme-builder-templates-in-divi-5.md): Learn how to save, export, and import Theme Builder templates in Divi 5 using the Divi Library and Divi Cloud for easy reuse and backup. - [How to use Divi AI in Divi 5](https://help.elegantthemes.com/en/articles/10655703-how-to-use-divi-ai-in-divi-5.md) - [How to Use Option Group Presets in Divi 5](https://help.elegantthemes.com/en/articles/10725144-how-to-use-option-group-presets-in-divi-5.md): Learn how to use Option Group Presets to create preset-based design that will change the way you build Divi websites. - [Advanced Units, CSS Functions, and Variables For Divi 5](https://help.elegantthemes.com/en/articles/10823890-advanced-units-css-functions-and-variables-for-divi-5.md): Learn how to use Divi 5's advanced unit picker, CSS functions, and Variables to create an aesthetic starting point for your website. - [Nested Rows in Divi 5](https://help.elegantthemes.com/en/articles/11009228-nested-rows-in-divi-5.md): Learn how to use nested rows in Divi 5 to drag and add rows inside columns for more flexible layouts. - [Design Variables in Divi 5](https://help.elegantthemes.com/en/articles/11027601-design-variables-in-divi-5.md): Learn how to use Design Variables in Divi 5 to manage reusable values like colors, fonts, images, and more from one central place. - [Attribute Management in Divi 5](https://help.elegantthemes.com/en/articles/11401198-attribute-management-in-divi-5.md): Learn how Divi 5's attribute management system lets you easily copy, paste, and reset attributes across elements for greater design control. - [Settings Search and Filtering System in Divi 5](https://help.elegantthemes.com/en/articles/11483918-settings-search-and-filtering-system-in-divi-5.md): Learn how to easily find your Divi settings with the new search and filtering tools for a smoother website design experience. - [Extend Attributes in Divi 5](https://help.elegantthemes.com/en/articles/11550066-extend-attributes-in-divi-5.md): Learn how to use the Extend Attributes feature in Divi 5 to quickly extent elements style and content and stream line the building process. - [Dynamic Content in Divi 5](https://help.elegantthemes.com/en/articles/11622973-dynamic-content-in-divi-5.md): Learn how to use Dynamic Content in Divi 5 to populate your page layouts with dynamic content and design choice with global variables. - [Find And Replace in Divi 5](https://help.elegantthemes.com/en/articles/11623616-find-and-replace-in-divi-5.md): Learn how to use the Find and Replace in Divi 5, an impressive efficiency tool for Divi power users that will speed up your workflow. - [Relative Colors & HSL in Divi 5](https://help.elegantthemes.com/en/articles/11631084-relative-colors-hsl-in-divi-5.md): Learn how to use Divi 5’s redesigned Color Picker and new HSL filters to create flexible, consistent, and dynamic color systems. - [Interactions in Divi 5](https://help.elegantthemes.com/en/articles/11666517-interactions-in-divi-5.md): Learn how to create custom triggers, effects, and targets for engaging web experiences with Interactions in Divi 5. - [Loop Builder in Divi 5](https://help.elegantthemes.com/en/articles/11863867-loop-builder-in-divi-5.md): Learn how to use the Loop Builder to construct looping post-based and term-based content using any Divi element. - [Responsive Editor in Divi 5](https://help.elegantthemes.com/en/articles/12105366-responsive-editor-in-divi-5.md): Learn how to use the Responsive Editor in Divi 5 to quickly adjust your designs for desktop, tablet, and mobile views. - [Custom Attributes in Divi 5](https://help.elegantthemes.com/en/articles/12274853-custom-attributes-in-divi-5.md): Learn how to use Custom Attributes in Divi 5 to add HTML attributes like data, aria-labels, or role directly to your sections, rows, and modules. - [Exploring Divi 5's New Features](https://help.elegantthemes.com/en/articles/12331954-exploring-divi-5-s-new-features.md): Explore the exciting new features in Divi 5. - [Style Inspector in Divi 5](https://help.elegantthemes.com/en/articles/12457386-style-inspector-in-divi-5.md): Learn how to use the Style Inspector in Divi 5 to view and manage all styles, content quickly, and presets at both page and element levels. - [Nested Module in Divi 5](https://help.elegantthemes.com/en/articles/12672584-nested-module-in-divi-5.md): Learn how to add modules inside modules in Divi 5 and build flexible layouts with the new Nested Module feature. - [Stacked And Nested Presets in Divi 5](https://help.elegantthemes.com/en/articles/12817235-stacked-and-nested-presets-in-divi-5.md): Learn how to layer and nest presets in Divi 5 to build flexible design systems and speed up your workflow. - [Divi 5 Canvases \(Off-Canvas Menus, Popups & Canvas Portals\)](https://help.elegantthemes.com/en/articles/13249775-divi-5-canvases-off-canvas-menus-popups-canvas-portals.md): Learn how to use Divi 5 Canvases to build off-canvas menus, popups, staging layouts, and Canvas Portal content. - [Semantic Elements & Custom HTML Wrappers For Divi 5](https://help.elegantthemes.com/en/articles/13284097-semantic-elements-custom-html-wrappers-for-divi-5.md): Learn how to use semantic elements and custom HTML wrappers in Divi 5 to improve structure, accessibility, and control over your layouts. - [Preset Manager and Preset Preview Systems in Divi 5](https://help.elegantthemes.com/en/articles/13427552-preset-manager-and-preset-preview-systems-in-divi-5.md): Learn how to use the Preset Manager and Preset Preview systems in Divi 5 to manage, test, and reuse presets across your entire site. - [Page Manager, Preview Mode, Content Drill Down in Divi 5](https://help.elegantthemes.com/en/articles/13557470-page-manager-preview-mode-content-drill-down-in-divi-5.md): Learn how to use Page Manager, Preview Mode, and Content Drill Down in Divi 5 to manage pages, previews, and navigation faster. - [The Divi 5 Command Center](https://help.elegantthemes.com/en/articles/13741079-the-divi-5-command-center.md): Learn how to use Divi 5 Command Center to boost your productivity to add elements, jump to settings, and run builder actions fast with CMD/CTRL+K. - [Speculative Prerendering in Divi 5](https://help.elegantthemes.com/en/articles/13820117-speculative-prerendering-in-divi-5.md): Learn how Speculative Prerendering in Divi 5 makes entering, exiting, and switching pages in the builder feel instant. - [Divi 5 Customizable Breakpoints](https://help.elegantthemes.com/en/articles/10511806-divi-5-customizable-breakpoints.md) - [Composable Settings in Divi 5](https://help.elegantthemes.com/en/articles/14332889-composable-settings-in-divi-5.md): Learn how to use Composable Settings in Divi 5 to enable any design option for any module sub-element. - [New Form Field Options in Divi 5](https://help.elegantthemes.com/en/articles/14715602-new-form-field-options-in-divi-5.md): Learn how to customize form inputs, checkboxes, and radios in Divi 5 with the new per-field option groups, focus editing, and presets. - [Aspect Ratio, Image Framing, and Image Presets in Divi 5](https://help.elegantthemes.com/en/articles/15066231-aspect-ratio-image-framing-and-image-presets-in-divi-5.md): Learn how to use Divi 5's new Aspect Ratio, Image Framing, and Image Presets to keep your site's images proportional, cropped, and on brand. - [The Support Center in Divi 5](https://help.elegantthemes.com/en/articles/15501073-the-support-center-in-divi-5.md): Lean how to use the Support Center to give you and our support team the tools to fix problems quickly and efficiently. - [Nested Options Presets in Divi 5](https://help.elegantthemes.com/en/articles/14734094-nested-options-presets-in-divi-5.md): Learn how to apply option presets to nested options and nest option presets inside other option presets to build modular design systems. - [Understanding Divi's New Flexbox Layout](https://help.elegantthemes.com/en/articles/11754241-understanding-divi-s-new-flexbox-layout.md): Learn how to use Divi’s Flexbox layout to gain better design control and responsive layouts. - [Understanding Flex Align Items Options in Divi 5](https://help.elegantthemes.com/en/articles/11882896-understanding-flex-align-items-options-in-divi-5.md): Learn how to control the Flexbox items' vertical alignment in Divi 5’s new Flexbox Layout using the Align Items option. - [Understanding Flex Column Class Options in Divi 5](https://help.elegantthemes.com/en/articles/11884048-understanding-flex-column-class-options-in-divi-5.md): Learn how to control column's width using the Column Class in Divi 5. - [Understanding Flex Column Structure Changes in Divi 5](https://help.elegantthemes.com/en/articles/11892376-understanding-flex-column-structure-changes-in-divi-5.md): Learn how the Change Column Structure option in Divi 5 Flexbox layout, giving you the freedom in creating custom layouts. - [Understanding Flex Horizontal and Vertical Gap in Divi 5](https://help.elegantthemes.com/en/articles/11866030-understanding-flex-horizontal-and-vertical-gap-in-divi-5.md): Learn how to control the horizontal and vertical spacing between flex items using Divi 5's new Flexbox system. - [Understanding Flex Justify Content in Divi 5](https://help.elegantthemes.com/en/articles/11866965-understanding-flex-justify-content-in-divi-5.md): Learn how to control the Flexbox items' horizontal alignment in Divi 5’s new Flexbox Layout using the Justify Content option. - [Understanding Flex Layout Direction in Divi 5](https://help.elegantthemes.com/en/articles/11767556-understanding-flex-layout-direction-in-divi-5.md): Learn how to switch Row, Row Reverse, Column, and Column Reverse in Divi 5’s new Flexbox Layout and control content flow on any device. - [Understanding Flex Layout Wrapping Options in Divi 5](https://help.elegantthemes.com/en/articles/11883478-understanding-flex-layout-wrapping-options-in-divi-5.md): Learn how to control the wrapping of Flexbox items in Divi 5 using the Layout Wrapping option. - [Understanding Flex Order Option in Divi 5](https://help.elegantthemes.com/en/articles/11893079-understanding-flex-order-option-in-divi-5.md): Learn how to use the Order option in Divi 5 to control the visual sequence of flex items across different devices. - [Understanding Flex Wrapping Alignment Options in Divi 5](https://help.elegantthemes.com/en/articles/11884457-understanding-flex-wrapping-alignment-options-in-divi-5.md): Learn how to control the wrapping alignment of flexbox items in Divi 5 using the Wrapping Alignment option. - [Understanding Divi's CSS Grid Layout](https://help.elegantthemes.com/en/articles/12350654-understanding-divi-s-css-grid-layout.md): Learn how to utilize Divi's new Grid layout for enhanced design control and responsiveness. - [Understanding Grid Offset Rules in Divi 5](https://help.elegantthemes.com/en/articles/12352639-understanding-grid-offset-rules-in-divi-5.md): Learn how to use the Grid Offset Rules to create unique CSS Grid layouts in Divi 5. - [The Divi AI Agent in Divi 5](https://help.elegantthemes.com/en/articles/16798164-the-divi-ai-agent-in-divi-5.md): Learn how the Divi AI Agents work. Build and edit Divi 5 websites by describing what you want. - [How to Use the Divi AI Agent in Divi 5](https://help.elegantthemes.com/en/articles/16843272-how-to-use-the-divi-ai-agent-in-divi-5.md): Learn how to open the Divi AI Agent, send your first request, read what it did, and undo it if you change your mind. - [Ask Mode and Build Mode in the Divi AI Agent](https://help.elegantthemes.com/en/articles/16843292-ask-mode-and-build-mode-in-the-divi-ai-agent.md): Learn how Ask mode and Build mode differ in the Divi AI Agent, and when to use each one. - [What the Divi AI Agent Can Do in Divi 5](https://help.elegantthemes.com/en/articles/16843335-what-the-divi-ai-agent-can-do-in-divi-5.md): Learn how to browse everything the Divi AI Agent can do, use its tool catalog, and read what each risk badge means. - [How to Write Good Prompts for the Divi AI Agent](https://help.elegantthemes.com/en/articles/16843820-how-to-write-good-prompts-for-the-divi-ai-agent.md): Learn how to phrase requests the Divi AI Agent handles well, with dozens of copy-and-paste prompts you can adapt. - [How to Add Context to the Divi AI Agent](https://help.elegantthemes.com/en/articles/16843870-how-to-add-context-to-the-divi-ai-agent.md): Learn how to point the Divi AI Agent at the exact element, preset, variable or file you mean, using context and scope. - [How to Use Rules in the Divi AI Agent](https://help.elegantthemes.com/en/articles/16843900-how-to-use-rules-in-the-divi-ai-agent.md): Learn how to save rules that tell the Divi AI Agent how you work, so you stop repeating yourself in every chat. - [How to Use Commands in the Divi AI Agent](https://help.elegantthemes.com/en/articles/16843933-how-to-use-commands-in-the-divi-ai-agent.md): Learn how to save your best Divi AI Agent prompts as commands you run with a slash instead of retyping. - [How to Choose an AI Model for the Divi AI Agent](https://help.elegantthemes.com/en/articles/16843969-how-to-choose-an-ai-model-for-the-divi-ai-agent.md): Learn how to pick an AI model for the Divi AI Agent, and how your choice affects speed, quality and cost. - [Approvals and Risk Levels in the Divi AI Agent](https://help.elegantthemes.com/en/articles/16844032-approvals-and-risk-levels-in-the-divi-ai-agent.md): Learn how the Divi AI Agent decides which actions pause for your approval, and what Safe, Moderate and Destructive mean. - [How to Manage Conversations in the Divi AI Agent](https://help.elegantthemes.com/en/articles/16844071-how-to-manage-conversations-in-the-divi-ai-agent.md): Learn how to manage Divi AI Agent chats, queue messages, watch context usage, and roll a page back to an earlier point. - [Divi AI Agent Billing and Your AI Wallet](https://help.elegantthemes.com/en/articles/16844129-divi-ai-agent-billing-and-your-ai-wallet.md): Learn how Divi AI Agent usage is billed, what the $5 monthly balance covers, and how to top up your AI Wallet. - [How to Build a Page From a Screenshot or URL With the Divi AI Agent](https://help.elegantthemes.com/en/articles/16844161-how-to-build-a-page-from-a-screenshot-or-url-with-the-divi-ai-agent.md): Learn how to turn a screenshot, a mockup, a moodboard or a live web page into a real Divi 5 layout with the AI Agent. - [How to Redesign an Existing Layout With the Divi AI Agent](https://help.elegantthemes.com/en/articles/16844192-how-to-redesign-an-existing-layout-with-the-divi-ai-agent.md): Learn how to restyle, rearrange and rewrite an existing Divi 5 layout by describing the result you want. - [How to Clean Up Your Design System With the Divi AI Agent](https://help.elegantthemes.com/en/articles/16844230-how-to-clean-up-your-design-system-with-the-divi-ai-agent.md): Learn how to find inconsistent styles on a Divi 5 page and consolidate them into global variables and presets. - [How to Manage Your WordPress Site With the Divi AI Agent](https://help.elegantthemes.com/en/articles/16844307-how-to-manage-your-wordpress-site-with-the-divi-ai-agent.md): Learn how to create pages, manage menus and work with Theme Builder templates without leaving the Divi 5 builder. - [Troubleshooting the Divi AI Agent in Divi 5](https://help.elegantthemes.com/en/articles/16844413-troubleshooting-the-divi-ai-agent-in-divi-5.md): Learn how to fix the most common Divi AI Agent problems, from sign-in and balance issues to requests that go wrong. - [Getting Started with Divi Cloud in Divi 5](https://help.elegantthemes.com/en/articles/14816467-getting-started-with-divi-cloud-in-divi-5.md): Learn about Divi Cloud, online storage for your Divi layouts, sections, rows, and modules that you can reuse on any Divi website you build. - [Divi Cloud Interface Overview in Divi 5](https://help.elegantthemes.com/en/articles/14816640-divi-cloud-interface-overview-in-divi-5.md): Learn about the Divi Cloud interface in Divi 5, including the sidebar, top toolbar, item list, quick actions, and Trash for managing items. - [How to Save Divi Elements to Divi Cloud in Divi 5](https://help.elegantthemes.com/en/articles/14816649-how-to-save-divi-elements-to-divi-cloud-in-divi-5.md): Learn how to save full page layouts, sections, rows, modules, and code snippets to Divi Cloud directly from the Divi 5 Visual Builder. - [How to Import Elements From Divi Cloud in Divi 5](https://help.elegantthemes.com/en/articles/14816684-how-to-import-elements-from-divi-cloud-in-divi-5.md): Learn how to import page layouts, sections, rows, and modules from your Divi Cloud into any page you build in the Divi 5 Visual Builder. - [How to Organize Your Divi Cloud Items in Divi 5](https://help.elegantthemes.com/en/articles/14816718-how-to-organize-your-divi-cloud-items-in-divi-5.md): Learn how to organize your Divi Cloud items using categories, tags, and favorites to find and reuse your saved Divi designs faster. - [How to Import Local Divi Library Items to Divi Cloud in Divi 5](https://help.elegantthemes.com/en/articles/14816736-how-to-import-local-divi-library-items-to-divi-cloud-in-divi-5.md): Learn how to bulk transfer items from your local Divi Library to Divi Cloud so you can access them from any Divi 5 site you build. - [How to Save Premade Layouts to Divi Cloud in Divi 5](https://help.elegantthemes.com/en/articles/14816772-how-to-save-premade-layouts-to-divi-cloud-in-divi-5.md): Learn how to save your favorite premade Divi layouts to your Divi Cloud so you can reach them quickly on any Divi 5 site you build. - [How to Access Your Divi Cloud in Divi 5](https://help.elegantthemes.com/en/articles/14816590-how-to-access-your-divi-cloud-in-divi-5.md): Learn how to sign in to your Divi Cloud account from the Divi 5 Visual Builder and switch between viewing local and Cloud-saved layouts. - [Part 1: What to Prepare Before Building Your Divi 5 Website](https://help.elegantthemes.com/en/articles/15500658-part-1-what-to-prepare-before-building-your-divi-5-website.md): Learn how to install Divi 5, find your way around the dashboard, and gather the brand, content, and media you need before you start building. - [Part 2: Exploring Every Aspect of the Divi 5 Interface](https://help.elegantthemes.com/en/articles/15501608-part-2-exploring-every-aspect-of-the-divi-5-interface.md): Learn about the Divi 5 Visual Builder interface: the Page Bar, Builder Bar, Canvas, and Sidebar, and what each one does. - [Part 3: Creating A Divi 5 Global Design System With Design Variables](https://help.elegantthemes.com/en/articles/15520440-part-3-creating-a-divi-5-global-design-system-with-design-variables.md): Learn how to build a complete set of Divi 5 Design Variables - colors, fonts, numbers, images, text, and links - that power a reusable design system. - [Part 4: Mastering Divi 5 Presets For Faster, More Consistent Web Design](https://help.elegantthemes.com/en/articles/15530394-part-4-mastering-divi-5-presets-for-faster-more-consistent-web-design.md): Learn how to turn your Divi 5 Design Variables into reusable Option Group Presets and Element Presets for a faster, consistent design system. - [Part 5: Building A Divi 5 Homepage From Scratch](https://help.elegantthemes.com/en/articles/15530587-part-5-building-a-divi-5-homepage-from-scratch.md): Learn how to build a complete Divi 5 homepage section by section, applying the Design Variables and presets from earlier parts of the Mastery Course. - [Part 6: Building a Custom Header and Navigation in Divi 5](https://help.elegantthemes.com/en/articles/15530763-part-6-building-a-custom-header-and-navigation-in-divi-5.md): Learn how to build a responsive global header in Divi 5's Theme Builder with an announcement bar, logo, menu, social links, and a CTA button. - [Part 7: Building a Custom Footer in Divi 5](https://help.elegantthemes.com/en/articles/15530979-part-7-building-a-custom-footer-in-divi-5.md): Learn how to build a global Divi 5 footer with Theme Builder, Design Variables, Element Presets, and a self-updating copyright year. - [Part 8: Using Divi 5’s Theme Builder To Create Global Website Templates](https://help.elegantthemes.com/en/articles/15531015-part-8-using-divi-5-s-theme-builder-to-create-global-website-templates.md): Learn how to use the Divi 5 Theme Builder and Dynamic Content to build reusable templates for posts, archives, search, and 404 pages. - [Part 9: Building the Core Inner Pages of Your Divi 5 Website](https://help.elegantthemes.com/en/articles/15533059-part-9-building-the-core-inner-pages-of-your-divi-5-website.md): Learn how to build the Contact and Events inner pages of a Divi 5 site, reusing your presets and Design Variables for fast, consistent assembly. - [Part 10: Mastering Flexbox in Divi 5](https://help.elegantthemes.com/en/articles/15691996-part-10-mastering-flexbox-in-divi-5.md): Learn how Divi 5's Flexbox controls manage spacing, alignment, direction, and wrapping, then build a responsive three-column layout. - [Part 11: Mastering CSS Grid in Divi 5](https://help.elegantthemes.com/en/articles/15702426-part-11-mastering-css-grid-in-divi-5.md): Learn how to reshape a Divi 5 grid using Structure Templates, Grid Offset Rules, and responsive breakpoints to build a custom column layout. - [Part 12: Making Your Divi 5 Website Fully Responsive](https://help.elegantthemes.com/en/articles/15703949-part-12-making-your-divi-5-website-fully-responsive.md): Learn how to audit and refine a Divi 5 site across every breakpoint using the responsive tools, presets, and Design Variables. - [Part 13: Creating Interactive Off-Canvas Elements and Popups in Divi 5](https://help.elegantthemes.com/en/articles/15704140-part-13-creating-interactive-off-canvas-elements-and-popups-in-divi-5.md): Learn how to build a dismissible event notice and a cookie-gated email pop-up in Divi 5 using Canvases, Interactions, and Display Conditions. - [Part 14: Mastering the Divi 5 Loop Builder](https://help.elegantthemes.com/en/articles/15704205-part-14-mastering-the-divi-5-loop-builder.md): Learn how to build a custom, fully responsive Divi 5 blog page with the Loop Builder, dynamic content, and the Pagination module. - [Part 15: The Divi 5 Power User Workflow](https://help.elegantthemes.com/en/articles/15704312-part-15-the-divi-5-power-user-workflow.md): Learn the order of operations power users follow in Divi 5: plan, style by reference, navigate fast, read your work, and reuse your system. - [Part 16: Auditing, Polishing, and Launching Your Divi 5 Website](https://help.elegantthemes.com/en/articles/15704558-part-16-auditing-polishing-and-launching-your-divi-5-website.md): Learn how to run a pre-launch audit of your Divi 5 site and take it live: visual checks, performance, accessibility, SEO, and the final launch steps. - [How to Create a Full-Screen Slider in Divi 5](https://help.elegantthemes.com/en/articles/15379916-how-to-create-a-full-screen-slider-in-divi-5.md): Learn how to create a full-screen slider in Divi 5 using the Slider module's Sizing options and viewport units, with no custom CSS required. - [How to Stop Background Video at the Last Frame in Divi 5](https://help.elegantthemes.com/en/articles/15374106-how-to-stop-background-video-at-the-last-frame-in-divi-5.md): Learn how to stop a background video at its last frame in Divi 5 using a CSS class and a short script for a clean, polished ending. - [How to Add Infinite Scroll to Loops in Divi 5](https://help.elegantthemes.com/en/articles/15338539-how-to-add-infinite-scroll-to-loops-in-divi-5.md): Learn how to create infinite loading on scroll using Loop Builder in Divi 5. - [How to Connect the Instagram Feed Module with an Instagram Account in Divi 5](https://help.elegantthemes.com/en/articles/15175737-how-to-connect-the-instagram-feed-module-with-an-instagram-account-in-divi-5.md): Learn how to create a Facebook app, connect your Instagram account and get the API key for using it in the Instagram Feed Module. - [How to Convert a Global Element to a Non-Global Element in Divi 5](https://help.elegantthemes.com/en/articles/14430506-how-to-convert-a-global-element-to-a-non-global-element-in-divi-5.md): Learn how to convert a global section, row, or module to non-global in Divi 5 for independent customization. - [How to Create a Custom Search Results Page in Divi 5 Using Theme Builder](https://help.elegantthemes.com/en/articles/14085106-how-to-create-a-custom-search-results-page-in-divi-5-using-theme-builder.md): Learn how to create a custom search results page in Divi 5 using Theme Builder for an improved user experience and site design consistency. - [How to Create a One-Page Website in Divi 5](https://help.elegantthemes.com/en/articles/15069550-how-to-create-a-one-page-website-in-divi-5.md): Learn how to build a complete one-page website in Divi 5 using Sections, CSS anchor IDs, a custom WordPress menu, and Divi 5 Dot Navigation. - [How to Create a Transparent Fixed Header Layout That Overlaps the Page's Content in Divi 5](https://help.elegantthemes.com/en/articles/14003959-how-to-create-a-transparent-fixed-header-layout-that-overlaps-the-page-s-content-in-divi-5.md): Learn how to create a transparent fixed header in Divi 5 that overlaps your page's content for a modern and elegant website design. - [How to Create the Ken Burns Effect in Divi 5](https://help.elegantthemes.com/en/articles/14663402-how-to-create-the-ken-burns-effect-in-divi-5.md): Learn how to create and apply the classic Ken Burns zoom-and-pan effect to background images in Divi 5 using the Hero module and custom CSS. - [How to Display Posts in a Grid Layout on Archive Pages Using Divi 5 Theme Builder](https://help.elegantthemes.com/en/articles/14085456-how-to-display-posts-in-a-grid-layout-on-archive-pages-using-divi-5-theme-builder.md): Learn how to leverage Divi’s 5 features and advanced design techniques to achieve a responsive and stylish Grid layout for archive pages. - [How to Import Elements from Divi Library to a Page in Divi 5](https://help.elegantthemes.com/en/articles/12918951-how-to-import-elements-from-divi-library-to-a-page-in-divi-5.md): Learn how to use the Divi 5's portability system to import page layouts from Divi Library to your pages. - [How to Send the Contact Form's Message to Multiple E-mail Addresses in Divi 5](https://help.elegantthemes.com/en/articles/15529313-how-to-send-the-contact-form-s-message-to-multiple-e-mail-addresses-in-divi-5.md): Learn how to configure the Email field to include a list of multiple email addresses to which the Contact Form message will be sent. - [How to Set a Row to Be Fullwidth in Divi 5](https://help.elegantthemes.com/en/articles/15642923-how-to-set-a-row-to-be-fullwidth-in-divi-5.md): Learn how to set a row to be fullwidth in Divi 5, using the Design options. - [How to Refresh the Instagram Access Token](https://help.elegantthemes.com/en/articles/16197038-how-to-refresh-the-instagram-access-token.md): Learn how to refresh the Instagram Access Token, for the Instagram Feed Module. - [How to Create a Stripe Payment Link](https://help.elegantthemes.com/en/articles/16160284-how-to-create-a-stripe-payment-link.md): Learn how to create a Stripe Payment Link for use in the Payment Button Module and start receiving Stripe payments. - [How to Roll Back to a Previous Divi 5 Version](https://help.elegantthemes.com/en/articles/16329250-how-to-roll-back-to-a-previous-divi-5-version.md): Learn how to roll back to a previous version of Divi in case you have issues after a theme update. Useful for debugging purposes. - [How to Connect the Payment Button Module to PayPal](https://help.elegantthemes.com/en/articles/16406268-how-to-connect-the-payment-button-module-to-paypal.md): Learn how to connect your PayPal account to the Payment Button module and start receiving payments. - [How to Load a Page with a Certain Tab Opened in Divi 5](https://help.elegantthemes.com/en/articles/16958621-how-to-load-a-page-with-a-certain-tab-opened-in-divi-5.md): Learn how to load a page with a specific tab opened to streamline navigation and enhance user experience when using the Tabs module. - [How to Recover Missing or Deleted Content on a Page in Divi 5](https://help.elegantthemes.com/en/articles/16959372-how-to-recover-missing-or-deleted-content-on-a-page-in-divi-5.md): Learn how to use the WordPress Revision System or Divi's History System to restore a missing or deleted page's content. - [How to Upload SVG and JSON Files](https://help.elegantthemes.com/en/articles/11982083-how-to-upload-svg-and-json-files.md): Learn how to safely enable SVG and JSON file uploads in WordPress and use those files in the Divi Lootie module. - [Why the Page Is Blank or Missing Content on the Live Site in Divi 5](https://help.elegantthemes.com/en/articles/15393605-why-the-page-is-blank-or-missing-content-on-the-live-site-in-divi-5.md): Learn how to fix a Divi 5 page that shows blank or missing content on the live site, usually caused by a Theme Builder template. - [Why the Live Page Looks Different From the Visual Builder in Divi 5](https://help.elegantthemes.com/en/articles/15442759-why-the-live-page-looks-different-from-the-visual-builder-in-divi-5.md): Learn how to fix a Divi 5 page that looks right in the Visual Builder but wrong on the live site by clearing caches and finding conflicts. - [Why the Site Shows the Wrong Header or a Menu Listing Every Page in Divi 5](https://help.elegantthemes.com/en/articles/15443412-why-the-site-shows-the-wrong-header-or-a-menu-listing-every-page-in-divi-5.md): Learn how to fix a Divi 5 site that shows the wrong header or a menu listing every page by enabling the Default Website Template. - [How to Control the Contact Form Module's Field Widths in Divi 5](https://help.elegantthemes.com/en/articles/15443972-how-to-control-the-contact-form-module-s-field-widths-in-divi-5.md): Learn how to make a Contact Form field full width or place two fields side by side in Divi 5 using each field's Column Class setting. - [How to Build a Custom Blog Feed using Loop Builder](https://help.elegantthemes.com/en/articles/11904025-how-to-build-a-custom-blog-feed-using-loop-builder.md): Learn how to use the Loop Builder to build a Custom Blog Feed. - [How to Display ACF Fields Using the Loop Builder](https://help.elegantthemes.com/en/articles/11930145-how-to-display-acf-fields-using-the-loop-builder.md): Learn how to use the Loop Builder in Divi 5 to display ACF fields. - [How to Display ACF Repeater Fields Using the Loop Builder](https://help.elegantthemes.com/en/articles/11930200-how-to-display-acf-repeater-fields-using-the-loop-builder.md): Learn how to use the Loop Builder in Divi 5 to display ACF Repeater Fields. - [How to Use the Divi 5 Black Friday 2025 Freebies](https://help.elegantthemes.com/en/articles/12915434-how-to-use-the-divi-5-black-friday-2025-freebies.md): Learn how to use the Black Friday 2025 Divi 5 Freebies on your Divi 5 website. - [How to Troubleshoot and Fix Custom CSS Issues in Divi 5](https://help.elegantthemes.com/en/articles/13479939-how-to-troubleshoot-and-fix-custom-css-issues-in-divi-5.md): Learn how to Troubleshoot and resolve common issues that may be preventing your custom CSS code from taking effect in Divi 5. - [Where to Add Custom CSS Code in Divi 5](https://help.elegantthemes.com/en/articles/13480630-where-to-add-custom-css-code-in-divi-5.md): Learn how where custom CSS code can be added in Divi 5. - [How to Fix Display Issues After Updating Divi 5](https://help.elegantthemes.com/en/articles/13627727-how-to-fix-display-issues-after-updating-divi-5.md): Learn how to fix common display issues in Divi 5 after updates using cache clears, CSS checks, and basic conflict tests. - [How Visibility Settings Work in Divi 5](https://help.elegantthemes.com/en/articles/13722487-how-visibility-settings-work-in-divi-5.md): Learn how to use Divi 5 visibility settings to show or hide sections, rows, columns, and modules on different devices for better responsive layouts. - [How to Report a Divi 5 Bug](https://help.elegantthemes.com/en/articles/9856958-how-to-report-a-divi-5-bug.md): Learn how to report a bug in Divi 5 with clear steps to help improve the product. - [Divi 5 FAQ's](https://help.elegantthemes.com/en/articles/9857697-divi-5-faq-s.md): Find answers to common questions about Divi 5, including installation, features, and compatibility, in this FAQ guide. - [How to Fix the Missing Enable Divi Builder Option in Divi 5](https://help.elegantthemes.com/en/articles/13904114-how-to-fix-the-missing-enable-divi-builder-option-in-divi-5.md): Learn how to fix the missing Enable Divi Builder option and get back to building your pages, posts, and custom post types with Divi 5. - [Why Sections, Rows, or Modules Are Missing on Phones and Tablets in Divi 5](https://help.elegantthemes.com/en/articles/13924090-why-sections-rows-or-modules-are-missing-on-phones-and-tablets-in-divi-5.md): Learn how to fix sections, rows, or modules not showing on phones and tablets in Divi 5 using visibility, conditions, and custom code checks - [Why the Hamburger Menu Icon Is Invisible or Unclickable in Divi 5](https://help.elegantthemes.com/en/articles/15323758-why-the-hamburger-menu-icon-is-invisible-or-unclickable-in-divi-5.md): Learn how to fix a hamburger menu icon that is invisible, blends into the header background, or can't be tapped on mobile in Divi 5. - [How to Fix the Dropdown Menu That's Cut Off or Hidden Behind Page Content in Divi 5](https://help.elegantthemes.com/en/articles/15324394-how-to-fix-the-dropdown-menu-that-s-cut-off-or-hidden-behind-page-content-in-divi-5.md): Learn how to fix a Divi 5 dropdown menu that gets cut off by its parent container or hidden behind page content. - [How to Troubleshoot Menu Issues After an Update in Divi 5](https://help.elegantthemes.com/en/articles/15324574-how-to-troubleshoot-menu-issues-after-an-update-in-divi-5.md): Step-by-step troubleshooting for Divi 5 menu and navigation issues that appear after a Divi, plugin, or theme update. ## Divi 4 - [How to Install the Divi Theme](https://help.elegantthemes.com/en/articles/8631994-how-to-install-the-divi-theme.md): Installing our themes can be done using the WP Dashboard. - [How to Manage API Keys and Activate Your License](https://help.elegantthemes.com/en/articles/9502180-how-to-manage-api-keys-and-activate-your-license.md): Learn how to find your API key, enter it into your WordPress dashboard, and ensure your account is properly connected. - [How To Install the Divi Builder WordPress Plugin](https://help.elegantthemes.com/en/articles/8650851-how-to-install-the-divi-builder-wordpress-plugin.md): Installing our plugins is a snap using the WordPress Dashboard Plugins page. - [How to Download and Install the Divi Builder Plugin](https://help.elegantthemes.com/en/articles/2165950-how-to-download-and-install-the-divi-builder-plugin.md): Installing our Divi Builder plugin is a snap using the WordPress Dashboard plugin installer. - [How to Build Your New Website with Divi Quick Sites](https://help.elegantthemes.com/en/articles/9551957-how-to-build-your-new-website-with-divi-quick-sites.md): Learn how to use Divi Quick Sites, the ultimate tool for whipping up stunning websites in record time. - [Using The Divi Theme Options](https://help.elegantthemes.com/en/articles/8626158-using-the-divi-theme-options.md): Divi comes with theme options that are used to set up various parts of your site. - [Adding A Custom Logo Image In Divi](https://help.elegantthemes.com/en/articles/8637942-adding-a-custom-logo-image-in-divi.md): It's easy to upload a custom logo image via Divi's Theme Options. - [Using The Divi Theme Customizer](https://help.elegantthemes.com/en/articles/8625074-using-the-divi-theme-customizer.md): Divi makes it easy to take your custom layouts anywhere using the WordPress Importer. - [Using Header & Navigation Options](https://help.elegantthemes.com/en/articles/8631974-using-header-navigation-options.md): Easily customize the look & feel, as well as the structure of your header. - [Using The Divi Theme Builder](https://help.elegantthemes.com/en/articles/8624263-using-the-divi-theme-builder.md): Using the Theme Builder to customize your header, footer and post templates. - [How To Update the Divi Theme](https://help.elegantthemes.com/en/articles/8626491-how-to-update-the-divi-theme.md): Our themes support automatic updates using our updater plugin. - [How To Update Your Divi Builder WordPress Plugin](https://help.elegantthemes.com/en/articles/8650887-how-to-update-your-divi-builder-wordpress-plugin.md): Using our Elegant Updater Plugin, you can update the Divi Builder right from your dashboard. - [Getting Started With The Divi Builder](https://help.elegantthemes.com/en/articles/8630544-getting-started-with-the-divi-builder.md): Divi is best used in visual mode, allowing you to build your page on the front-end of your website. - [An Overview Of Divi Sections](https://help.elegantthemes.com/en/articles/8611536-an-overview-of-divi-sections.md): Sections are the builder's largest building blocks, and can be used in various ways. - [Divi Rows & Row Options](https://help.elegantthemes.com/en/articles/8612739-divi-rows-row-options.md): Rows are the builder's second largest building blocks, and can be used in various ways. - [Using the Divi Layers View](https://help.elegantthemes.com/en/articles/8662395-using-the-divi-layers-view.md): Divi's Layer View provides an efficient way to navigate your page's elements while designing. - [Using Premade Layouts In Divi](https://help.elegantthemes.com/en/articles/8645090-using-premade-layouts-in-divi.md): Divi ships with tons of great premade layouts that you can use to jumpstart your design. - [Divi Design Settings & Advanced Module Settings](https://help.elegantthemes.com/en/articles/8616690-divi-design-settings-advanced-module-settings.md): You can customize absolutely everything about any module using the advanced design settings. - [Using Divi Dynamic Content Options](https://help.elegantthemes.com/en/articles/8661798-using-divi-dynamic-content-options.md): Divi's dynamic content options allow you to pull content from your database seamlessly and display it. - [Using the Divi Responsive Preview System](https://help.elegantthemes.com/en/articles/8671185-using-the-divi-responsive-preview-system.md): Divi's Responsive Preview System allows you to view what your designs will look like on a wide range of devices. - [Using the Divi Multi-Select and Bulk Editing Features](https://help.elegantthemes.com/en/articles/8661801-using-the-divi-multi-select-and-bulk-editing-features.md): Select multiple elements at once and make bulk edits with ease - [Using the Divi Drag and Drop File Upload Feature](https://help.elegantthemes.com/en/articles/8662481-using-the-divi-drag-and-drop-file-upload-feature.md): With Divi's drag and drop file upload feature, users can drop image files, text documents, web files, and more. - [Using Divi's Blank Page Template](https://help.elegantthemes.com/en/articles/8617056-using-divi-s-blank-page-template.md): Use the Blank Page template to create unique stand-alone landing pages. - [Creating Mega Menus In Divi](https://help.elegantthemes.com/en/articles/8642820-creating-mega-menus-in-divi.md): Mega menus are a great way to consolidate your excessive menu items. - [Divi Keyboard Shortcuts](https://help.elegantthemes.com/en/articles/8630956-divi-keyboard-shortcuts.md): Divi's keyboard shortcuts save a ton of time. Do anything in just a few keystrokes! - [Using Divi's Right Click Controls](https://help.elegantthemes.com/en/articles/8630984-using-divi-s-right-click-controls.md): Divi's right click controls give you quick access to some new and commonly-used features. - [The Divi Library](https://help.elegantthemes.com/en/articles/8625678-the-divi-library.md): The Divi Library is where you can save custom modules and layouts for later use. - [Saving And Loading Custom Layouts In Divi](https://help.elegantthemes.com/en/articles/8630926-saving-and-loading-custom-layouts-in-divi.md): Learn how to save custom layouts and load them for later use in the Divi Builder. - [Divi AI in Divi 4](https://help.elegantthemes.com/en/articles/8243149-divi-ai-in-divi-4.md): Leverage the incredible power of AI while building Divi websites. - [The Divi Accordion Module](https://help.elegantthemes.com/en/articles/8611169-the-divi-accordion-module.md): How to add, configure and customize the Divi accordion module. - [The Divi Audio Module](https://help.elegantthemes.com/en/articles/8616756-the-divi-audio-module.md): How to add, configure and customize the Divi audio module. - [The Divi Bar Counters Module](https://help.elegantthemes.com/en/articles/8616758-the-divi-bar-counters-module.md): How to add, configure and customize the Divi bar counter module. - [The Divi Blog Module](https://help.elegantthemes.com/en/articles/8617111-the-divi-blog-module.md): Add, Configure and Customizing the Divi blog module. - [The Divi Blurb Module](https://help.elegantthemes.com/en/articles/8617524-the-divi-blurb-module.md): How to add, configure and customize the Divi blurb module. - [The Divi Button Module](https://help.elegantthemes.com/en/articles/8617547-the-divi-button-module.md): How to add, configure and customize the Divi button module. - [The Divi Call To Action Module](https://help.elegantthemes.com/en/articles/8624032-the-divi-call-to-action-module.md): How to add, configure and customize the Divi call to action module. - [The Divi Circle Counter Module](https://help.elegantthemes.com/en/articles/8617719-the-divi-circle-counter-module.md): How to add, configure and customize the Divi circle counter module. - [The Divi Code Module](https://help.elegantthemes.com/en/articles/8608209-the-divi-code-module.md): How to add, configure and customize the Divi code module. - [The Divi Comments Module](https://help.elegantthemes.com/en/articles/8624029-the-divi-comments-module.md): How to add, configure and customize the Divi comments module. - [The Divi Contact Form Module](https://help.elegantthemes.com/en/articles/8624843-the-divi-contact-form-module.md): How to add, configure and customize the Divi contact form module. - [The Divi Countdown Timer Module](https://help.elegantthemes.com/en/articles/8656101-the-divi-countdown-timer-module.md): How to add, configure and customize the Divi Countdown Timer module. - [The Divi Divider Module](https://help.elegantthemes.com/en/articles/8637248-the-divi-divider-module.md): How to add, configure and customize the Divi divider module. - [The Divi Email Optin Module](https://help.elegantthemes.com/en/articles/8642902-the-divi-email-optin-module.md): How to add, configure and customize the Divi email optin module. - [The Divi Filterable Portfolio Module](https://help.elegantthemes.com/en/articles/8637362-the-divi-filterable-portfolio-module.md): How to add, configure and customize the Divi filterable portfolio module. - [The Divi Gallery Module](https://help.elegantthemes.com/en/articles/8655973-the-divi-gallery-module.md): How to add, configure and customize the Divi gallery module. - [The Divi Heading Module](https://help.elegantthemes.com/en/articles/9552416-the-divi-heading-module.md): How to add, configure and customize the Divi Heading module. - [The Divi Icon Module](https://help.elegantthemes.com/en/articles/8675703-the-divi-icon-module.md): How to add, configure and customize the Divi icon module. - [The Divi Image Module](https://help.elegantthemes.com/en/articles/8637837-the-divi-image-module.md): How to add, configure and customize the Divi image module. - [The Divi Login Module](https://help.elegantthemes.com/en/articles/8637939-the-divi-login-module.md): How to add, configure and customize the Divi login module. - [The Divi Map Module](https://help.elegantthemes.com/en/articles/8637947-the-divi-map-module.md): How to add, configure and customize the Divi map module. - [The Divi Fullwidth Map Module](https://help.elegantthemes.com/en/articles/8637565-the-divi-fullwidth-map-module.md): How to add, configure and customize the Divi fullwidth map module. - [The Divi Menu Module](https://help.elegantthemes.com/en/articles/9955331-the-divi-menu-module.md): How to add, configure and customize the Divi Menu module. - [The Divi Fullwidth Menu Module](https://help.elegantthemes.com/en/articles/8637614-the-divi-fullwidth-menu-module.md): How to add, configure and customize the Divi fullwidth menu module. - [The Divi Number Counter Module](https://help.elegantthemes.com/en/articles/8642911-the-divi-number-counter-module.md): How to add, configure and customize the Divi number counter module. - [The Divi Person Module](https://help.elegantthemes.com/en/articles/8643122-the-divi-person-module.md): How to add, configure and customize the Divi person module. - [The Divi Portfolio Module](https://help.elegantthemes.com/en/articles/8643123-the-divi-portfolio-module.md): How to add, configure and customize the Divi portfolio module. - [The Divi Fullwidth Portfolio Module](https://help.elegantthemes.com/en/articles/8637730-the-divi-fullwidth-portfolio-module.md): How to add, configure and customize the Divi fullwidth portfolio module. - [The Divi Post Navigation Module](https://help.elegantthemes.com/en/articles/8643125-the-divi-post-navigation-module.md): How to add, configure and customize the Divi post navigation module. - [The Divi Post Slider Module](https://help.elegantthemes.com/en/articles/8643126-the-divi-post-slider-module.md): How to add, configure and customize the Divi post slider module. - [The Divi Post Title Module](https://help.elegantthemes.com/en/articles/8645331-the-divi-post-title-module.md): How to add, configure and customize the Divi post title module. - [The Divi Pricing Tables Module](https://help.elegantthemes.com/en/articles/8645334-the-divi-pricing-tables-module.md): How to add, configure and customize the Divi pricing table module. - [The Divi Search Module](https://help.elegantthemes.com/en/articles/8646276-the-divi-search-module.md): How to add, configure and customize the Divi search module. - [The Divi Sidebar Module](https://help.elegantthemes.com/en/articles/8650069-the-divi-sidebar-module.md): How to add, configure and customize the Divi sidebar module. - [The Divi Slider Module](https://help.elegantthemes.com/en/articles/8650071-the-divi-slider-module.md): How to add, configure and customize the Divi slider module. - [The Divi Fullwidth Slider Module](https://help.elegantthemes.com/en/articles/8650073-the-divi-fullwidth-slider-module.md): How to add, configure and customize the Divi fullwidth slider module. - [The Divi Social Media Follow Module](https://help.elegantthemes.com/en/articles/8650238-the-divi-social-media-follow-module.md): How to add, configure and customize the Divi Social Media Follow module. - [The Divi Tabs Module](https://help.elegantthemes.com/en/articles/8650239-the-divi-tabs-module.md): How to add, configure and customize the Divi tabs module. - [The Divi Testimonial Module](https://help.elegantthemes.com/en/articles/8650240-the-divi-testimonial-module.md): How to add, configure and customize the Divi Testimonials module. - [The Divi Text Module](https://help.elegantthemes.com/en/articles/8650241-the-divi-text-module.md): How to add, configure and customize the Divi text module. - [The Divi Toggle Module](https://help.elegantthemes.com/en/articles/8650242-the-divi-toggle-module.md): How to add, configure and customize the Divi toggle module. - [The Divi Video Module](https://help.elegantthemes.com/en/articles/8650243-the-divi-video-module.md): How to add, configure and customize the Divi video module. - [The Divi Video Slider Module](https://help.elegantthemes.com/en/articles/8650800-the-divi-video-slider-module.md): How to add, configure and customize the Divi Video Slider module. - [The Divi Fullwidth Header Module](https://help.elegantthemes.com/en/articles/8637489-the-divi-fullwidth-header-module.md): How to add, configure and customize the Divi fullwidth header module. - [Adding Custom Fields To The Divi Email Optin Module](https://help.elegantthemes.com/en/articles/8658507-adding-custom-fields-to-the-divi-email-optin-module.md): Adding custom fields to the Divi Email Optin module allows you to create custom subscribe forms and collecting additional information f... - [The Divi Woo Breadcrumbs Module](https://help.elegantthemes.com/en/articles/8679275-the-divi-woo-breadcrumbs-module.md): How to add, configure and customize the Divi Woo Breadcrumbs module. - [The Divi Woo Cart Products Module](https://help.elegantthemes.com/en/articles/8679276-the-divi-woo-cart-products-module.md): How to add, configure and customize the Divi Woo Cart Products module. - [The Divi Woo Cart Totals Module](https://help.elegantthemes.com/en/articles/8679273-the-divi-woo-cart-totals-module.md): How to add, configure and customize the Divi Woo Cart Totals module. - [The Divi Woo Checkout Billing Module](https://help.elegantthemes.com/en/articles/8679274-the-divi-woo-checkout-billing-module.md): How to add, configure and customize the Divi Woo checkout billing module. - [The Divi Woo Checkout Details Module](https://help.elegantthemes.com/en/articles/8679271-the-divi-woo-checkout-details-module.md): How to add, configure and customize the Divi Woo Checkout Details module. - [The Divi Woo Checkout Information Module](https://help.elegantthemes.com/en/articles/8679272-the-divi-woo-checkout-information-module.md): How to add, configure and customize the Divi Woo Checkout Information module. - [The Divi Woo Checkout Payment Module](https://help.elegantthemes.com/en/articles/8679268-the-divi-woo-checkout-payment-module.md) - [The Divi Woo Checkout Shipping Module](https://help.elegantthemes.com/en/articles/8679269-the-divi-woo-checkout-shipping-module.md): How to add, configure and customize the Divi Woo checkout shipping module. - [The Divi Woo Cross Sells Module](https://help.elegantthemes.com/en/articles/8676300-the-divi-woo-cross-sells-module.md): How to add, configure and customize the Divi Woo Cross Sells module. - [The Divi Woo Notice Module](https://help.elegantthemes.com/en/articles/8680481-the-divi-woo-notice-module.md): How to add, configure and customize the Divi Woo Notice module. - [The Divi Woo Product Add to Cart Module](https://help.elegantthemes.com/en/articles/8683132-the-divi-woo-product-add-to-cart-module.md): How to add, configure and customize the Divi Woo Product Add To Cart module. - [The Divi Woo Product Description Module](https://help.elegantthemes.com/en/articles/8676299-the-divi-woo-product-description-module.md): How to add, configure and customize the Divi Woo Product Description module. - [The Divi Woo Product Gallery Module](https://help.elegantthemes.com/en/articles/9556136-the-divi-woo-product-gallery-module.md): How to add, configure and customize the Divi Woo Product Gallery module. - [The Divi Woo Product Images Module](https://help.elegantthemes.com/en/articles/8676297-the-divi-woo-product-images-module.md): How to add, configure and customize the Divi Woo Product Images module. - [The Divi Woo Product Information Module](https://help.elegantthemes.com/en/articles/8676114-the-divi-woo-product-information-module.md): How to add, configure and customize the Divi Woo Product Information module. - [The Divi Woo Product Meta Module](https://help.elegantthemes.com/en/articles/8683260-the-divi-woo-product-meta-module.md): The Divi Woo Product Meta Module displays certain product information like the SKU number, product category, and product tags. - [The Divi Woo Product Price Module](https://help.elegantthemes.com/en/articles/8675708-the-divi-woo-product-price-module.md): How to add, configure and customize the Divi Woo Product Price module. - [The Divi Woo Product Rating Module](https://help.elegantthemes.com/en/articles/8676113-the-divi-woo-product-rating-module.md): How to add, configure and customize the Divi Woo Product Rating module. - [The Divi Woo Product Reviews Module](https://help.elegantthemes.com/en/articles/8676111-the-divi-woo-product-reviews-module.md): How to add, configure and customize the Divi Woo Product Reviews module. - [The Divi Woo Product Stock Module](https://help.elegantthemes.com/en/articles/8675709-the-divi-woo-product-stock-module.md): How to add, configure and customize the Divi Woo related product stock. - [The Divi Woo Product Tabs Module](https://help.elegantthemes.com/en/articles/8679277-the-divi-woo-product-tabs-module.md): How to add, configure and customize the Divi Woo Product Tabs module. - [The Divi Woo Product Title Module](https://help.elegantthemes.com/en/articles/8675707-the-divi-woo-product-title-module.md): How to add, configure and customize the Divi Woo Product Title module. - [The Divi Woo Product Upsell Module](https://help.elegantthemes.com/en/articles/8683300-the-divi-woo-product-upsell-module.md): How to add, configure and customize the Divi Woo Product Upsell module. - [The Divi Woo Products Module](https://help.elegantthemes.com/en/articles/8637353-the-divi-woo-products-module.md): How to add, configure and customize the Divi Woo Products module. - [The Divi Woo Related Products Module](https://help.elegantthemes.com/en/articles/8675706-the-divi-woo-related-products-module.md): How to add, configure and customize the Divi Woo Related Products module. - [How to connect to AWeber](https://help.elegantthemes.com/en/articles/8687571-how-to-connect-to-aweber.md): Connect Email Opt-in module to AWeber. - [How to connect to ActiveCampaign](https://help.elegantthemes.com/en/articles/8687540-how-to-connect-to-activecampaign.md): Connect Email Opt-in module to ActiveCampaign. - [How to connect to Campaign Monitor](https://help.elegantthemes.com/en/articles/8687605-how-to-connect-to-campaign-monitor.md): Connect Email Opt-in module to Campaign Monitor. - [How to connect to Constant Contact](https://help.elegantthemes.com/en/articles/8687657-how-to-connect-to-constant-contact.md): Connect Email Opt-in module to Constant Contact. - [How to connect to ConvertKit](https://help.elegantthemes.com/en/articles/8687743-how-to-connect-to-convertkit.md): Connect Email Opt-in module to ConvertKit. - [How to connect to Emma \(My Emma\)](https://help.elegantthemes.com/en/articles/8687822-how-to-connect-to-emma-my-emma.md): Connect Email Opt-in module to Emma. - [How to connect to Feedblitz](https://help.elegantthemes.com/en/articles/8687871-how-to-connect-to-feedblitz.md): Connect Email Opt-in module to Feedblitz. - [How to connect to FluentCRM](https://help.elegantthemes.com/en/articles/8687889-how-to-connect-to-fluentcrm.md): Connect Email Opt-in module to FluentCRM. - [How to connect to GetResponse](https://help.elegantthemes.com/en/articles/8687913-how-to-connect-to-getresponse.md): Connect Email Opt-in module to GetResponse. - [How to connect to HubSpot](https://help.elegantthemes.com/en/articles/8687932-how-to-connect-to-hubspot.md): Connect Email Opt-in module to HubSpot. - [How to connect to iContact](https://help.elegantthemes.com/en/articles/8687977-how-to-connect-to-icontact.md): Connect Email Opt-in module to iContact. - [How to connect to MadMimi](https://help.elegantthemes.com/en/articles/8688028-how-to-connect-to-madmimi.md): Connect Email Opt-in module to MadMimi. - [How to connect to MailChimp](https://help.elegantthemes.com/en/articles/8688043-how-to-connect-to-mailchimp.md): Connect Email Opt-in module to MailChimp. - [How to connect to MailerLite](https://help.elegantthemes.com/en/articles/8688065-how-to-connect-to-mailerlite.md): Connect Email Opt-in module to MailerLite. - [How to connect to MailPoet](https://help.elegantthemes.com/en/articles/8688089-how-to-connect-to-mailpoet.md): Connect Email Opt-in module to MailPoet. - [How to connect to Mailster](https://help.elegantthemes.com/en/articles/8688125-how-to-connect-to-mailster.md): Connect Email Opt-in module to Constant Contact. - [How to connect to Ontraport](https://help.elegantthemes.com/en/articles/8688143-how-to-connect-to-ontraport.md): Connect Email Opt-in module to Ontraport. - [How to connect to SalesForce](https://help.elegantthemes.com/en/articles/8693866-how-to-connect-to-salesforce.md): Connect Email Opt-in module to SalesForce. - [How to connect to Brevo\(SendinBlue\)](https://help.elegantthemes.com/en/articles/8693868-how-to-connect-to-brevo-sendinblue.md): Connect Email Opt-in module to Brevo\(SendinBlue\). - [Using Divi Scroll Effects](https://help.elegantthemes.com/en/articles/8661799-using-divi-scroll-effects.md): Divi Scroll Effects can create animations and transitions that trigger as visitors scroll up and down the page. - [Using Divi Background Options](https://help.elegantthemes.com/en/articles/8661804-using-divi-background-options.md): Divi's background options are a powerful suite of design features that include background color options, gradient options, and more. - [Using Divi Visibility Options](https://help.elegantthemes.com/en/articles/8671664-using-divi-visibility-options.md): The Divi Visibility Options give you control over when elements are visible or hidden. - [Using Divi Filter and Blend Mode Options](https://help.elegantthemes.com/en/articles/8671579-using-divi-filter-and-blend-mode-options.md): The Divi Filter and Blend Mode options give you the power to make all kinds of color adjustments to design elements in Divi. - [Using Divi Animation Options](https://help.elegantthemes.com/en/articles/8671783-using-divi-animation-options.md): Divi's animation options make it easy to add a wide variety of preset or custom animations to any page element. - [Using Divi Transition Options](https://help.elegantthemes.com/en/articles/8675147-using-divi-transition-options.md): The Divi Transition Options allow you to control any hover animations' transition duration, delay, and speed curve. - [Using The Divi Condition Options](https://help.elegantthemes.com/en/articles/8675166-using-the-divi-condition-options.md): Divi Condition Options allow you to apply advanced logic to any section, row, or module to hide or display elements based on a set of c... - [Using Divi Position Options](https://help.elegantthemes.com/en/articles/8675200-using-divi-position-options.md): Divi's Position Options make it possible to move page elements independent of their parent container's limits. - [Using Divi Hover Options](https://help.elegantthemes.com/en/articles/8675247-using-divi-hover-options.md): Apply hover states to the content settings, design settings, and advanced settings of virtually any Divi design element \(sections, rows... - [Using Divi Section Dividers](https://help.elegantthemes.com/en/articles/8675226-using-divi-section-dividers.md): Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page. - [Using the Divi Gradient Builder](https://help.elegantthemes.com/en/articles/8679997-using-the-divi-gradient-builder.md): How to add and edit gradients throughout your Divi designs. - [Using Divi Border Options](https://help.elegantthemes.com/en/articles/8671184-using-divi-border-options.md): Divi's border options make it possible to easily add and style borders to any page element. - [Using Divi Sizing Options](https://help.elegantthemes.com/en/articles/8671187-using-divi-sizing-options.md): Divi Sizing Options make it easy to adjust the sizing of sections, rows, columns, and modules in Divi. - [Using Divi Spacing Options](https://help.elegantthemes.com/en/articles/8671186-using-divi-spacing-options.md): It’s easy to customize spacing in sections, rows, and modules with Divi’s Spacing Options. - [Using Divi Box Shadow Options](https://help.elegantthemes.com/en/articles/8671192-using-divi-box-shadow-options.md): Divi's box shadow options allow you to give any page element the illusion of depth. - [Using Divi Transform Options](https://help.elegantthemes.com/en/articles/8671537-using-divi-transform-options.md): Divi Transform Options are a set of powerful tools that allows you to manipulate your web design in stunning ways, creating depth and c... - [Divi Sticky Options](https://help.elegantthemes.com/en/articles/4474319-divi-sticky-options.md): Introducing The Most Comprehensive Sticky System In Any WordPress Page Builder - [The Responsive Content & Hover Content Editing Controls](https://help.elegantthemes.com/en/articles/3248629-the-responsive-content-hover-content-editing-controls.md): This update introduces responsive & hover controls for your content, including native SRCSET support for responsive images. - [The New Column Options & Column Editing Interface](https://help.elegantthemes.com/en/articles/3084415-the-new-column-options-column-editing-interface.md): This update introduces a new powerful UI that gives you more control over reordering, duplicating, deleting and designing your columns. - [Divi Global Modules, Rows & Sections](https://help.elegantthemes.com/en/articles/8630527-divi-global-modules-rows-sections.md): Create a library item that syncs between all of the pages you use it on. - [Using Divi Presets](https://help.elegantthemes.com/en/articles/8662584-using-divi-presets.md): Divi Presets dramatically speeds up your design process by allowing you to take any element's design and apply it to other modules. - [Divi Global Presets](https://help.elegantthemes.com/en/articles/8630728-divi-global-presets.md): Learn how to create Divi Presets and apply them to modules across your entire website. - [The Divi Color Management System](https://help.elegantthemes.com/en/articles/8661797-the-divi-color-management-system.md): How to use Divi's sophisticated color options. - [How To Create One-Page Websites With Divi](https://help.elegantthemes.com/en/articles/8643120-how-to-create-one-page-websites-with-divi.md): Divi makes it easy to create beautiful one-page websites. - [How To Create A New Project In Divi](https://help.elegantthemes.com/en/articles/8637740-how-to-create-a-new-project-in-divi.md): Divi separates portfolio items into a separate custom post type called Projects. - [How To Use Divi Leads](https://help.elegantthemes.com/en/articles/8625328-how-to-use-divi-leads.md): Split test your pages, gain valuable stats & insights and increase conversion rates. - [How To Use Divi Blog Post Formats](https://help.elegantthemes.com/en/articles/8643124-how-to-use-divi-blog-post-formats.md): Divi comes with post format support for video, audio, links and quotes. - [The Divi Layout Block](https://help.elegantthemes.com/en/articles/3624717-the-divi-layout-block.md): The Divi Layout Block allows you to load Divi layouts right inside the Gutenberg editor. - [Divi WooCommerce Modules](https://help.elegantthemes.com/en/articles/8658601-divi-woocommerce-modules.md): Divi’s WooCommerce Modules allow you to edit and style WooCommerce elements using the Divi Builder. - [Importing & Exporting Divi Builder Layouts & Library Collections](https://help.elegantthemes.com/en/articles/8626073-importing-exporting-divi-builder-layouts-library-collections.md): Export your Divi Library from one website and import into onto another. - [Using Selective Sync In Divi](https://help.elegantthemes.com/en/articles/8630531-using-selective-sync-in-divi.md): Select which part of the global library item you would like to sync. - [Using The Divi Role Editor](https://help.elegantthemes.com/en/articles/8630537-using-the-divi-role-editor.md): Limit what certain WordPress user roles can do within the Divi Builder. - [Using the Divi Support Center](https://help.elegantthemes.com/en/articles/8671727-using-the-divi-support-center.md): The Divi Support Center gives you and our support team the tools to fix problems quickly and efficiently. - [Divi Dynamic CSS & Frontend Performance Feature](https://help.elegantthemes.com/en/articles/5502417-divi-dynamic-css-frontend-performance-feature.md): Divi now creates lightweight pages thanks to it's Dynamic Framework and Dynamic Assets along with other speed-boosting features - [Divi Theme Builder library with Divi Cloud storage](https://help.elegantthemes.com/en/articles/6461182-divi-theme-builder-library-with-divi-cloud-storage.md): Jumpstart New Client Websites With Pre-Made Designs - [Divi Code Snippets](https://help.elegantthemes.com/en/articles/6706014-divi-code-snippets.md): Save code snippets in the Divi Library locally or in Divi Cloud. - [Using The Divi Mobile Customizer Settings](https://help.elegantthemes.com/en/articles/8625313-using-the-divi-mobile-customizer-settings.md): Adjust sizes and margins for specific devices, such as tablets and smartphones. - [Divi Layout & Typography Customizer Settings](https://help.elegantthemes.com/en/articles/8625289-divi-layout-typography-customizer-settings.md): You can customize just about everything when it comes to layout & typography. - [The Divi Header & Navigation Theme Customizer Settings](https://help.elegantthemes.com/en/articles/8625250-the-divi-header-navigation-theme-customizer-settings.md): Easily customize the look & feel, as well as the structure of your header. - [Adjusting Divi Button Styles In The Theme Customizer](https://help.elegantthemes.com/en/articles/8625232-adjusting-divi-button-styles-in-the-theme-customizer.md): Change the look and feel of your buttons to give your site a unique look. ## Divi AI - [Getting Started with Divi AI](https://help.elegantthemes.com/en/articles/9514864-getting-started-with-divi-ai.md): Divi AI is an innovative feature integrated into the Divi theme that leverages artificial intelligence to enhance your website. - [How to Use Divi Layouts AI](https://help.elegantthemes.com/en/articles/9515672-how-to-use-divi-layouts-ai.md): Learn how to harness the power of Divi Layouts AI to create professional and visually appealing layouts in minutes. - [How to Generate Text with Divi AI](https://help.elegantthemes.com/en/articles/9514919-how-to-generate-text-with-divi-ai.md): Learn how to use the Divi AI text generator, input your content requirements, and customize the generated text to suit your needs. - [How to Generate Images with Divi AI](https://help.elegantthemes.com/en/articles/9514967-how-to-generate-images-with-divi-ai.md): Learn how to use Divi AI, specify the requirements, and customize the generated images to fit seamlessly into your website design. - [How to Use the Divi AI Image Editor](https://help.elegantthemes.com/en/articles/9515172-how-to-use-the-divi-ai-image-editor.md): Learn how to use the the Divi AI Image Editor to effortlessly create and edit stunning images directly within the Divi Builder. - [How to Use the Divi Code AI](https://help.elegantthemes.com/en/articles/9515420-how-to-use-the-divi-code-ai.md): Learn how to use Divi Code AI's capabilities to generate clean, efficient code snippets for various web elements. - [How to Use Divi AI Full Site Generation](https://help.elegantthemes.com/en/articles/9561444-how-to-use-divi-ai-full-site-generation.md): Learn how to build a new website by using Divi Quick Sites and Divi AI. - [Divi AI Section Generation](https://help.elegantthemes.com/en/articles/9643477-divi-ai-section-generation.md): Learn about Divi AI Section Generation for creating well-written content and image sections using Divi AI's power. ## Troubleshooting and FAQs - [How to Fix the 500 Internal Server Error on Your WordPress Website](https://help.elegantthemes.com/en/articles/2168309-how-to-fix-the-500-internal-server-error-on-your-wordpress-website.md): Learn how to identify the root causes, such as plugin or theme conflicts, corrupted .htaccess files, or server issues. - [How to Fix Mixed Content SSL Errors](https://help.elegantthemes.com/en/articles/2168494-how-to-fix-mixed-content-ssl-errors.md): These errors occur when resources are loaded from an unsecured HTTP connection on a SSL enabled website \(HTTPS connection\). - [Visual Builder Doesn't Load](https://help.elegantthemes.com/en/articles/2169450-visual-builder-doesn-t-load.md): Several things may cause the Visual Builder not to load, read here about the most popular things that can cause problems with the builder. - [How to Troubleshoot the Divi Builder Disappearing](https://help.elegantthemes.com/en/articles/2190878-how-to-troubleshoot-the-divi-builder-disappearing.md): Learn how to troubleshoot the disappearance of the Divi Builder inside posts, pages or custom post types. - [My Website Looks Different in the Visual Builder](https://help.elegantthemes.com/en/articles/2207396-my-website-looks-different-in-the-visual-builder.md): Check possible reasons that could make a website look different in the Visual Builder compared to seeing it on the front end. - [How to Fix the Divi Builder Could Not Be Displayed Error](https://help.elegantthemes.com/en/articles/2233952-how-to-fix-the-divi-builder-could-not-be-displayed-error.md): Learn how to identify and resolve conflicts, adjust server settings, and ensure your Divi Builder functions correctly. - [How to Fix Broken Icons](https://help.elegantthemes.com/en/articles/2234687-how-to-fix-broken-icons.md): Learn how to fix broken icons in Divi by diagnosing common issues and applying effective solutions to restore your website’s visual appeal. - [How to Fix Display Issues After Updating Divi](https://help.elegantthemes.com/en/articles/2292296-how-to-fix-display-issues-after-updating-divi.md): Learn how to resolve common display issues after updating Divi, ensuring your site maintains its intended look and functionality. - [How to Fix Text Formatting Changes After Saving in Divi](https://help.elegantthemes.com/en/articles/2301363-how-to-fix-text-formatting-changes-after-saving-in-divi.md): Learn how to fix unexpected text formatting changes after saving in Divi to maintain consistency and professionalism on your website. - [How to Fix Divi/Monarch/Bloom Update Issues](https://help.elegantthemes.com/en/articles/2301721-how-to-fix-divi-monarch-bloom-update-issues.md): Learn how to troubleshoot and resolve update issues with Divi, Monarch, and Bloom to keep your site functional and up-to-date. - [How to Fix Saving Issues While WordFence Plugin is Enabled](https://help.elegantthemes.com/en/articles/2395855-how-to-fix-saving-issues-while-wordfence-plugin-is-enabled.md): Learn how to adjust WordFence settings, configure your firewall so that the Saving process is not blocked. - [How to Prevent Gallery Images from Being Cropped](https://help.elegantthemes.com/en/articles/2415397-how-to-prevent-gallery-images-from-being-cropped.md): Learn how to disable the default cropping functionality from the Gallery module, and use the full-size of the images. - [How to Troubleshoot Third-Party Plugin Conflicts](https://help.elegantthemes.com/en/articles/2678819-how-to-troubleshoot-third-party-plugin-conflicts.md): Learn how to troubleshoot and resolve third-party plugin conflicts in WordPress to ensure your site runs smoothly and efficiently. - [How to Fix Google Maps JavaScript API Error: RefererNotAllowedMapError](https://help.elegantthemes.com/en/articles/2743717-how-to-fix-google-maps-javascript-api-error-referernotallowedmaperror.md): Learn how to troubleshoot and fix the Google Maps JavaScript API error “RefererNotAllowedMapError” to ensure your maps display correctly. - [How to Fix Incorrect Active Menu Item Colors on a One-Page Website in Divi](https://help.elegantthemes.com/en/articles/2833965-how-to-fix-incorrect-active-menu-item-colors-on-a-one-page-website-in-divi.md): Learn how to fix incorrect active menu item colors on a one-page website in Divi for accurate navigation and improved user experience. - [How to Troubleshoot the Divi Builder Timeout Error](https://help.elegantthemes.com/en/articles/8347431-how-to-troubleshoot-the-divi-builder-timeout-error.md): Troubleshoot the most common reasons of why the Divi Builder might Timeout. - [How to Troubleshoot Divi Theme Builder: An Unknown Error Has Occurred](https://help.elegantthemes.com/en/articles/8347514-how-to-troubleshoot-divi-theme-builder-an-unknown-error-has-occurred.md): Troubleshoot the An Unknown error has occurred while loading the Divi Theme Builder - [How to resolve a 500 error in Divi](https://help.elegantthemes.com/en/articles/8556296-how-to-resolve-a-500-error-in-divi.md): A 500 error is a generic error which indicate that a problem occured. - [How to Troubleshoot Importing a Layout Stuck at 1%](https://help.elegantthemes.com/en/articles/8570260-how-to-troubleshoot-importing-a-layout-stuck-at-1.md): Learn how to troubleshoot and resolve issues with Divi layout imports getting stuck at 1% to ensure smooth and successful imports. - [How to Fix the PHP Memory Limit Error](https://help.elegantthemes.com/en/articles/2168360-how-to-fix-the-php-memory-limit-error.md): The PHP Memory Limit Error occurs when a PHP script tries to use more memory than the server allocates by default. - [How to Fix Blog Page Not Updating When Using Divi Builder](https://help.elegantthemes.com/en/articles/2188833-how-to-fix-blog-page-not-updating-when-using-divi-builder.md): Learn how to fix the Blog page not updating when using the Divi Builder to create its layout. - [How to Fix Changes Not Saving in Divi Builder](https://help.elegantthemes.com/en/articles/2194019-how-to-fix-changes-not-saving-in-divi-builder.md): Learn how to fix changes that don't save in Divi Builder by clearing the cache, checking for invalid CSS or HTML code, and more. - [How to Fix a WordPress Site Stuck in Maintenance Mode](https://help.elegantthemes.com/en/articles/2227730-how-to-fix-a-wordpress-site-stuck-in-maintenance-mode.md): Find out how to resolve the problem of having your website stuck in maintenance mode while updating your theme/plugins/WordPress version. - [How to Fix the pclzip\_err\_bad\_format Error](https://help.elegantthemes.com/en/articles/2300049-how-to-fix-the-pclzip_err_bad_format-error.md): Learn how to check for common issues such as corrupted or incomplete ZIP files, incorrect file structures, or server configuration problems. - [How to Fix Contact Form Email Sending Issues](https://help.elegantthemes.com/en/articles/2168663-how-to-fix-contact-form-email-sending-issues.md): Email deliverability problems can be caused by the server configuration or your email client spam filters. - [How to Fix the "Error Establishing a Database Connection" in WordPress](https://help.elegantthemes.com/en/articles/2239768-how-to-fix-the-error-establishing-a-database-connection-in-wordpress.md): Learn how to troubleshoot and fix the Database connection issues in WordPress to quickly restore your site's functionality. - [How to Troubleshoot Plugin Conflicts in the Divi Theme](https://help.elegantthemes.com/en/articles/2310642-how-to-troubleshoot-plugin-conflicts-in-the-divi-theme.md): Learn how to systematically deactivate and reactivate plugins, use debugging tools, and identify the root cause of conflicts. - [How to Troubleshoot MailChimp Connection Issues](https://help.elegantthemes.com/en/articles/2316206-how-to-troubleshoot-mailchimp-connection-issues.md): Learn how to identify common problems, check API keys, verify account settings, to ensure proper configuration of your MailChimp integration - [How to Fix Issues with Downloading ZIP Files in Safari](https://help.elegantthemes.com/en/articles/2322162-how-to-fix-issues-with-downloading-zip-files-in-safari.md): Learn how to adjust your browser settings, to be able to correctly download the Divi zip file from your Elegant Themes account. - [How to Fix Divi Builder Timeout Error](https://help.elegantthemes.com/en/articles/2169349-how-to-fix-divi-builder-timeout-error.md): Learn how to identify the causes of the Divi Builder Timeout Error, which occurs when the builder fails to load due to an unknown error. - [How to Troubleshoot and Fix Custom CSS Issues in Divi](https://help.elegantthemes.com/en/articles/2208192-how-to-troubleshoot-and-fix-custom-css-issues-in-divi.md): Troubleshoot and resolve common issues that may be preventing your custom CSS code from taking effect - [How to Fix Missing Comments on Single Posts](https://help.elegantthemes.com/en/articles/2247989-how-to-fix-missing-comments-on-single-posts.md): Learn how to check theme settings, discussion options, and troubleshoot common issues that may prevent comments from showing on single posts - [How to Use Divi Visibility Options to Display Different Layout Structures on Smaller Screen Devices](https://help.elegantthemes.com/en/articles/2254593-how-to-use-divi-visibility-options-to-display-different-layout-structures-on-smaller-screen-devices.md): Learn how to show or hide specific sections, rows, and modules based on the device type, and adjust your design to enhance mobile usability. - [How to Fix the HTTP Image Upload Error](https://help.elegantthemes.com/en/articles/2278758-how-to-fix-the-http-image-upload-error.md): Learn how to troubleshoot and fix the HTTP image upload error in WordPress for a smooth and efficient image upload process on your site. - [How to Fix the Missing Images in the Blog Module When the JetPack Plugin is Active](https://help.elegantthemes.com/en/articles/2307418-how-to-fix-the-missing-images-in-the-blog-module-when-the-jetpack-plugin-is-active.md): Learn how to adjust JetPack settings, specifically the Photon CDN and lazy loading features, to ensure your images display correctly. - [How to Fix Missing Updates Notification](https://help.elegantthemes.com/en/articles/2315894-how-to-fix-missing-updates-notification.md): Learn how to identify the causes of missing update notifications in the WordPress dashboard and how to fix them. - [How to Fix Google Crawl Error "et\_core\_page\_resource"](https://help.elegantthemes.com/en/articles/2318418-how-to-fix-google-crawl-error-et_core_page_resource.md): Learn what the "et\_core\_page\_resource" error means in your Google Search Console, why it appears and how to fix it. - [CSS Error Expected Brace, Unexpected Token](https://help.elegantthemes.com/en/articles/2373240-css-error-expected-brace-unexpected-token.md): Errors in Custom CSS Box - [How to Fix Custom Fonts Rendering Issues](https://help.elegantthemes.com/en/articles/2398738-how-to-fix-custom-fonts-rendering-issues.md): Learn how to troubleshoot common problems that can prevent custom fonts from rendering correctly in the browser. - [How to Fix the "This File Should not be Imported in this Context" error when importing a JSON file](https://help.elegantthemes.com/en/articles/2612617-how-to-fix-the-this-file-should-not-be-imported-in-this-context-error-when-importing-a-json-file.md): Learn how to identify the causes, adjust your import settings, and ensure the correct context for JSON files when importing them into Divi. - [How to Fix Google Maps Loading Issues](https://help.elegantthemes.com/en/articles/2721442-how-to-fix-google-maps-loading-issues.md): Learn how to fix Google Maps loading issues on your website with practical solutions for smooth and effective map functionality. - [How to Fix Slow Loading Websites](https://help.elegantthemes.com/en/articles/2758142-how-to-fix-slow-loading-websites.md): Learn about common factors affecting site speed, such as large images, excessive plugins, inefficient code, and server performance. - [How to Fix the Slider Module's Background Images Responsiveness](https://help.elegantthemes.com/en/articles/2789040-how-to-fix-the-slider-module-s-background-images-responsiveness.md): Learn how to adjust the Slider module and utilize the Responsive settings to ensure your background images display correctly on all devices. - [How to Enable Uploading Woff, Woff2, and SVG Font Files](https://help.elegantthemes.com/en/articles/2825340-how-to-enable-uploading-woff-woff2-and-svg-font-files.md): Learn how to adjust your WordPress settings, to allow the upload of WOFF, WOFF2 and SVG file types. - [How to Fix MySQL Error While Sending QUERY Packet](https://help.elegantthemes.com/en/articles/2933023-how-to-fix-mysql-error-while-sending-query-packet.md): Learn how to identify the root causes and adjust the appropriate settings in your MySQL configuration to prevent database errors. - [How to Resolve Fatal Error: Uncaught Error: Call to Undefined Function get\_header](https://help.elegantthemes.com/en/articles/8548617-how-to-resolve-fatal-error-uncaught-error-call-to-undefined-function-get_header.md): Learn how to fix the Uncaught Error: Call to undefined function get\_header, which could happen in some cases. - [How to Fix Missing Sections/Rows/Modules on Phones/Tablets](https://help.elegantthemes.com/en/articles/8548665-how-to-fix-missing-sections-rows-modules-on-phones-tablets.md): How to troubleshoot Sections/Rows/Modules visibility issues on Tablets or Mobile devices. - [How to Fix Website Visibility on Google](https://help.elegantthemes.com/en/articles/8556208-how-to-fix-website-visibility-on-google.md): Learn how to fix website visibility issues on Google with practical steps to enhance indexing, SEO, and search engine rankings. - [Oops it, looks like the Divi Builder failed to load](https://help.elegantthemes.com/en/articles/2170116-oops-it-looks-like-the-divi-builder-failed-to-load.md): The Divi Builder not loading may be caused by a number of different things. - [How to Set a Row to be Fullwidth](https://help.elegantthemes.com/en/articles/2188448-how-to-set-a-row-to-be-fullwidth.md): Any row inside a normal section can be set to full width. - [How to Fix Issues That Prevent Premade Layouts Import](https://help.elegantthemes.com/en/articles/2194458-how-to-fix-issues-that-prevent-premade-layouts-import.md): Learn how to troubleshoot and resolve issues preventing the import of premade layouts in Divi for a smooth design process. - [How to Fix Disappearing Images on Your Website](https://help.elegantthemes.com/en/articles/2224867-how-to-fix-disappearing-images-on-your-website.md): Learn how to identify common causes such as broken links, incorrect file paths, plugin conflicts, and server issues - [How to Fix the Missing Video Background Error](https://help.elegantthemes.com/en/articles/2332500-how-to-fix-the-missing-video-background-error.md): Learn how to fix and troubleshoot common causes for video background not rendering on the front end. - [How to Fix the "Your Elegant Themes Subscription Has Expired" Error](https://help.elegantthemes.com/en/articles/2696776-how-to-fix-the-your-elegant-themes-subscription-has-expired-error.md): Learn how to verify your subscription status, update your account information, and re-enable access to Elegant Themes updates. - [How to Fix the "Sorry, you are not allowed to upload this file type" Error](https://help.elegantthemes.com/en/articles/2844583-how-to-fix-the-sorry-you-are-not-allowed-to-upload-this-file-type-error.md): Learn how to fix the “Sorry, you are not allowed to upload this file type” error in WordPress to successfully upload your desired files. - [How to Fix the Expected RBRACE or Unexpected Token CSS Errors in Divi](https://help.elegantthemes.com/en/articles/8353855-how-to-fix-the-expected-rbrace-or-unexpected-token-css-errors-in-divi.md): Learn how to identify and correct syntax mistakes, such as missing or misplaced braces, colons, and semicolons. - [How to Check for Errors Using the Brower's Console](https://help.elegantthemes.com/en/articles/8358053-how-to-check-for-errors-using-the-brower-s-console.md): Learn how to access the console in different browsers, interpret error messages, and identify the source of the problems. - [How to Enable WordPress Debug Mode](https://help.elegantthemes.com/en/articles/8548251-how-to-enable-wordpress-debug-mode.md): Enabling WordPress debug mode helps you get more information about different errors occurring on your WordPress site. - [How to Recover Access to Your WordPress Admin Account If You Forgot the Login Details](https://help.elegantthemes.com/en/articles/8569974-how-to-recover-access-to-your-wordpress-admin-account-if-you-forgot-the-login-details.md): Learn how to recover access to your WordPress admin account using various recovery methods, in case you forgot your login details. - [How to Fix the White Screen Of Death](https://help.elegantthemes.com/en/articles/2257592-how-to-fix-the-white-screen-of-death.md): Learn how to troubleshoot and resolve the White Screen of Death in WordPress to quickly restore your website’s functionality. - [How to Fix Missing Images and Text When Sharing Your Pages on Social Media](https://help.elegantthemes.com/en/articles/8368952-how-to-fix-missing-images-and-text-when-sharing-your-pages-on-social-media.md): Troubleshooting the most common issues showing up when sharing your posts on social media networks, such as Facebook, Twitter or LinkedIn. - [How to Fix "No Results Found" After Importing a Premade Layout](https://help.elegantthemes.com/en/articles/9775601-how-to-fix-no-results-found-after-importing-a-premade-layout.md): Learn how to fix the "No Results Found" error after importing a premade layout in Divi, ensuring your layout is ready to use. - [How to Make Your Divi Website More Accessible](https://help.elegantthemes.com/en/articles/10296543-how-to-make-your-divi-website-more-accessible.md) - [How to Enable JSON Uploads in WordPress](https://help.elegantthemes.com/en/articles/11971717-how-to-enable-json-uploads-in-wordpress.md): Unlock JSON Uploads in WordPress: Simple Steps for Seamless Data Integration - [How to Reinstall the Divi Theme](https://help.elegantthemes.com/en/articles/2179422-how-to-reinstall-the-divi-theme.md): Learn how to reinstall the Divi theme which can help resolve issues such as corrupted files, bugs, or incomplete updates. - [What's the Difference Between the Divi Theme and the Divi Builder Plugin?](https://help.elegantthemes.com/en/articles/2326275-what-s-the-difference-between-the-divi-theme-and-the-divi-builder-plugin.md): Learn what's the difference between the Divi theme and the Divi Builder plugin. - [How to Change the Site's Logo When the Page is Scrolled](https://help.elegantthemes.com/en/articles/2346897-how-to-change-the-site-s-logo-when-the-page-is-scrolled.md): Learn how to configure theme settings and use custom CSS to effectively change the logo image between the fixed and scrolled browser states. - [How to Translate the Divi Theme](https://help.elegantthemes.com/en/articles/2434045-how-to-translate-the-divi-theme.md): Learn how to change the default translations that ship with Divi Theme with the help of a Child Theme. - [How to Import and Export Theme Builder Templates](https://help.elegantthemes.com/en/articles/3426639-how-to-import-and-export-theme-builder-templates.md): Learn how to import and export Theme Builder packs into a new or existing site using Divi's Portability System. - [How to Upload Custom Fonts using the Divi Font Upload Feature](https://help.elegantthemes.com/en/articles/2315966-how-to-upload-custom-fonts-using-the-divi-font-upload-feature.md): Learn how to prepare your font files, upload them to Divi, and apply them to your Divi modules. - [How to Migrate Your Local Host Website to a Live Server](https://help.elegantthemes.com/en/articles/2678023-how-to-migrate-your-local-host-website-to-a-live-server.md): Learn how to prepare your website for migration, export your database, and transfer your files using FTP. - [How to Change Your Website Language for RTL Support](https://help.elegantthemes.com/en/articles/2679573-how-to-change-your-website-language-for-rtl-support.md): Learn how to configure WordPress settings to fully enable RTL support on your site. - [How to Add Anchor Links to Specific Sections Inside the Same Page Layout](https://help.elegantthemes.com/en/articles/2679601-how-to-add-anchor-links-to-specific-sections-inside-the-same-page-layout.md): Learn how to create anchor links by assigning unique IDs to sections and linking to them from your menu, buttons, or text links. - [How to Create and Use the "Ken Burns Effect" in Divi](https://help.elegantthemes.com/en/articles/2717227-how-to-create-and-use-the-ken-burns-effect-in-divi.md): Learn how to create and apply the Ken Burns effect to images using Divi’s built-in options and custom CSS. - [How to Display the Cart Icon on Small Screen Devices](https://help.elegantthemes.com/en/articles/2771230-how-to-display-the-cart-icon-on-small-screen-devices.md): Learn how to use a Divi Child theme to customize the Header area to include the WooCommerce Cart icon on small screen devices. - [How to Add Elegant Themes Icons Anywhere on Your Website](https://help.elegantthemes.com/en/articles/2791864-how-to-add-elegant-themes-icons-anywhere-on-your-website.md): Learn how to use Divi’s built-in icons and place those icons anywhere on your website such as menus, and content areas. - [How to Remove the Space Between Sections Dividers](https://help.elegantthemes.com/en/articles/2894502-how-to-remove-the-space-between-sections-dividers.md): Learn how to adjust padding and margin settings, use custom CSS, and configure section dividers to eliminate gaps. - [How to Use the Image's Alt Text Inside the Image Module](https://help.elegantthemes.com/en/articles/2917388-how-to-use-the-image-s-alt-text-inside-the-image-module.md): Learn how to configure the Image Module to automatically use the WordPress alt text, avoiding the need to enter it manually each time. - [How to Prevent Background Image Size Changes and Cropping](https://help.elegantthemes.com/en/articles/2952143-how-to-prevent-background-image-size-changes-and-cropping.md): Learn how Background Images works in Divi, and how to avoid unwanted size changes and cropping. - [How to Open a YouTube or Vimeo video in a Popup Window using the Button Module](https://help.elegantthemes.com/en/articles/2970332-how-to-open-a-youtube-or-vimeo-video-in-a-popup-window-using-the-button-module.md): Learn how to open a Vimeo or YouTube video into a pop-up window through a Button module. - [Change the Image Shared on Facebook / LinkedIn / Twitter](https://help.elegantthemes.com/en/articles/2981190-change-the-image-shared-on-facebook-linkedin-twitter.md): Set social media shared image - [How to Display the Product's Short Description Text on WooCommerce Shop/Category Pages and Woo Products Module](https://help.elegantthemes.com/en/articles/2993104-how-to-display-the-product-s-short-description-text-on-woocommerce-shop-category-pages-and-woo-products-module.md): Learn how to use hooks, custom functions, and Divi’s settings to add and customize short descriptions for your products. - [How to Add an Overlay Over a Background Video](https://help.elegantthemes.com/en/articles/3032056-how-to-add-an-overlay-over-a-background-video.md): Learn how to use Divi’s built-in options and custom CSS to apply color overlays and gradient overlays to your background videos. - [How to Update the URL in the Browser's Address Bar When Anchor Links Are Used](https://help.elegantthemes.com/en/articles/3125902-how-to-update-the-url-in-the-browser-s-address-bar-when-anchor-links-are-used.md): Learn how to update the URL in the browser's address bar when anchor links are used by using some custom JavaScript/jQuery code. - [How to Use the WPML Plugin to Translate Theme Builder Templates](https://help.elegantthemes.com/en/articles/3684064-how-to-use-the-wpml-plugin-to-translate-theme-builder-templates.md): Learn how to configure WPML settings, translate Theme Builder templates, and manage multilingual content effectively. - [How to Create a Collapsible Mobile Menu While Keeping the Parent Links Active](https://help.elegantthemes.com/en/articles/3725736-how-to-create-a-collapsible-mobile-menu-while-keeping-the-parent-links-active.md): Learn how to use Divi’s built-in settings, along with custom CSS and JavaScript, to create a stylish collapsible mobile menu. - [How to Fix Cloudflare's Rocket Loader Conflict With jQuery](https://help.elegantthemes.com/en/articles/5454324-how-to-fix-cloudflare-s-rocket-loader-conflict-with-jquery.md): Learn how to identify and address these conflicts by adjusting Rocket Loader settings to avoid Visual Builder loading issues. - [How to Activate the Divi Builder](https://help.elegantthemes.com/en/articles/2171033-how-to-activate-the-divi-builder.md): Learn how to enable the Divi Builder and start using it to create stunning, responsive page layouts. - [How to Add More Columns to Your Divi Builder Posts or Pages Layouts](https://help.elegantthemes.com/en/articles/2204954-how-to-add-more-columns-to-your-divi-builder-posts-or-pages-layouts.md): Learn how to customize the column structure, adjust settings for different screen sizes, and build responsive designs. - [How to Import Posts & Pages from One WordPress Website to Another](https://help.elegantthemes.com/en/articles/2239796-how-to-import-posts-pages-from-one-wordpress-website-to-another.md): Learn to use the WordPress built-in tools to move your content from one website \(or even one platform\) to another. - [How to Use the Visibility Settings in Divi](https://help.elegantthemes.com/en/articles/2254602-how-to-use-the-visibility-settings-in-divi.md): Learn how to show or hide specific sections, rows, and modules based on the device type, and adjust your design to enhance mobile usability. - [Divi 4 Update Status](https://help.elegantthemes.com/en/articles/2265199-divi-4-update-status.md): A complete list of all Divi 4 stable releases, complete with a detailed changelog outlining the new features and bug fixes for each release. - [How to Change Server's Maximum Upload File Size](https://help.elegantthemes.com/en/articles/2267999-how-to-change-server-s-maximum-upload-file-size.md): Learn how to adjust the server's maximum upload file size and allow for large file uploads, such as videos and images. - [How to Set the Website's Homepage](https://help.elegantthemes.com/en/articles/2271277-how-to-set-the-website-s-homepage.md): Learn how to choose a static page as your homepage, configure the appropriate settings, and ensure it displays correctly. - [How to Fix Text Wrapping Issues on Tablets and Phones](https://help.elegantthemes.com/en/articles/2669865-how-to-fix-text-wrapping-issues-on-tablets-and-phones.md): Learn how to use Divi’s responsive design features, and other techniques to ensure your text displays correctly on tablets and phones. - [How to Convert a Global Section, Row, or Module to Non-Global](https://help.elegantthemes.com/en/articles/2684047-how-to-convert-a-global-section-row-or-module-to-non-global.md): Learn how to convert a global section, row, or module to non-global in Divi, allowing for independent customization and greater flexibility. - [How to Reduce Spacing Between Elements in Divi](https://help.elegantthemes.com/en/articles/2707689-how-to-reduce-spacing-between-elements-in-divi.md): Learn how to use Divi's built-in options to fine-tune the spacing between sections, rows, and modules. - [How to Create a One-Page Website With Divi](https://help.elegantthemes.com/en/articles/2760070-how-to-create-a-one-page-website-with-divi.md): Learn how to structure your site to showcase content on one page effectively and how to create anchor links for smooth scrolling navigation. - [How to Create a Masonry Layout for Archive/Category Pages](https://help.elegantthemes.com/en/articles/2897629-how-to-create-a-masonry-layout-for-archive-category-pages.md): Learn how to leverage Divi’s features and advanced design techniques to achieve a responsive and stylish masonry layout for archive pages. - [How to Make the Mega-Menu Titles Clickable in Extra](https://help.elegantthemes.com/en/articles/2920564-how-to-make-the-mega-menu-titles-clickable-in-extra.md): Learn how to make mega-menu titles clickable in the Extra theme to enhance navigation and improve user experience on your site. - [How to Create a Section with Video Background and Gradient Overlay](https://help.elegantthemes.com/en/articles/3418038-how-to-create-a-section-with-video-background-and-gradient-overlay.md): Learn how to use Divi’s built-in features, to seamlessly integrate a gradient overlay with a section's background video. - [How to Apply Custom CSS Code to a Single Page in Divi](https://help.elegantthemes.com/en/articles/8351481-how-to-apply-custom-css-code-to-a-single-page-in-divi.md): Custom CSS code can be added individually on the page level, using the Page settings. - [How to Add Custom PHP Code in Divi](https://help.elegantthemes.com/en/articles/8353694-how-to-add-custom-php-code-in-divi.md): Where to add custom PHP code while using Divi theme. - [How to Restore Deleted or Missing Theme Builder Templates](https://help.elegantthemes.com/en/articles/8360485-how-to-restore-deleted-or-missing-theme-builder-templates.md): Find out how you can quickly restore Divi Theme Builder templates that disappeared or got deleted by mistake. - [How to Add Breadcrumbs to Your Divi Website with RankMath](https://help.elegantthemes.com/en/articles/8366776-how-to-add-breadcrumbs-to-your-divi-website-with-rankmath.md): A comprehensive guide on how to add SEO breadcrumbs to your Divi website using the Rank Math SEO plugin. - [How to Customize the 404 Page's Layout using Divi Theme Builder](https://help.elegantthemes.com/en/articles/8373676-how-to-customize-the-404-page-s-layout-using-divi-theme-builder.md): Learn how to customize the 404 page layout using Divi Theme Builder to provide a seamless and user-friendly experience for your visitors. - [How to Create a Child Theme for Divi](https://help.elegantthemes.com/en/articles/2188070-how-to-create-a-child-theme-for-divi.md): Create a Divi Child theme for adding PHP and other types of customizations? - [How to Equalize Column Heights](https://help.elegantthemes.com/en/articles/2188425-how-to-equalize-column-heights.md): How to adjust all the Columns in a Row to have the same height - regardless of the content inside each column. - [How to Add Additional CSS Classes to Divi Elements](https://help.elegantthemes.com/en/articles/2269805-how-to-add-additional-css-classes-to-divi-elements.md): Learn how to add additional CSS classes to Divi elements for enhanced customization and precise styling of your website. - [Can I use the Same API Key for More Than One Website?](https://help.elegantthemes.com/en/articles/2326400-can-i-use-the-same-api-key-for-more-than-one-website.md): Read details about API Key usage limits and whether it's possible to use the same API Key for more than one website - [How to Recover Missing or Deleted Content on a Page](https://help.elegantthemes.com/en/articles/2355474-how-to-recover-missing-or-deleted-content-on-a-page.md): Use the WordPress Revision system or Divi's History system to restore missing or deleted page content. - [How to Vertically Align Content in Divi](https://help.elegantthemes.com/en/articles/2679518-how-to-vertically-align-content-in-divi.md): Whether you want to vertically center text, images, or any other type of content, learn how to do it in Divi. - [How to Create a Staging Site](https://help.elegantthemes.com/en/articles/2720134-how-to-create-a-staging-site.md): How to create a staging site, which is an exact clone of a live website, where you can test new things like plugins, updates, etc - [How to Adjust Padding Across All Modules](https://help.elegantthemes.com/en/articles/2720271-how-to-adjust-padding-across-all-modules.md): Using the Extend Styles to adjust the padding of all modules in the same page - [How to Recreate Elegant Themes Hover Effect Example](https://help.elegantthemes.com/en/articles/2767443-how-to-recreate-elegant-themes-hover-effect-example.md): Learn how to apply stylish transitions, animations, and effects to recreate the Elegant Themes Hover Effect example displayed on our site. - [How to Find the Divi Version Installed on Your Website](https://help.elegantthemes.com/en/articles/2785188-how-to-find-the-divi-version-installed-on-your-website.md): Find out which Divi version you have installed on your website. - [How to Use the Divi Dot Navigation](https://help.elegantthemes.com/en/articles/2793798-how-to-use-the-divi-dot-navigation.md): Enhance the user experience by providing a sleek and intuitive way to navigate through long-scrolling pages by using Divi Dot Navigation. - [How to Create a Backup of Your Website](https://help.elegantthemes.com/en/articles/2821284-how-to-create-a-backup-of-your-website.md): Back your site up with Updraft Plus WordPress plugin. - [How to Visually See All the Google Fonts Available in Divi](https://help.elegantthemes.com/en/articles/8548029-how-to-visually-see-all-the-google-fonts-available-in-divi.md): Learn how to visually see all the Google Fonts available in Divi, making it easier to choose the perfect fonts for your website design. - [Calendar Plugin for Divi](https://help.elegantthemes.com/en/articles/8560218-calendar-plugin-for-divi.md): Learn how to integrate and customize the Events Calendar on your Divi site. Create and manage your events using the Events Calendar plugin. - [How to Disable Elements Animation](https://help.elegantthemes.com/en/articles/8560525-how-to-disable-elements-animation.md): Learn how to disable element \(Section/Row/Column/Module\) animations on an element basis or sitewide - [How to Add an Author Box on Single Posts](https://help.elegantthemes.com/en/articles/8564270-how-to-add-an-author-box-on-single-posts.md): Learn how to add an author box to single posts in WordPress to enhance credibility and foster reader engagement on your site. - [How to Change the URL\(Permalink\) of a Page/Post](https://help.elegantthemes.com/en/articles/8564776-how-to-change-the-url-permalink-of-a-page-post.md): Learn how to change the URL \(permalink\) of your WordPress pages and posts to improve SEO, readability, and branding. - [How to Change the Divi Visual Builder Interaction Mode](https://help.elegantthemes.com/en/articles/8564861-how-to-change-the-divi-visual-builder-interaction-mode.md): Configure the Visual Builder to use a specific interaction mode: Hover mode \(Default\), Click Mode, Grid mode. - [How to Customize H1-H6 Headings in Divi](https://help.elegantthemes.com/en/articles/8570577-how-to-customize-h1-h6-headings-in-divi.md): Learn how to customize H1-H6 headings in Divi to create a unique and consistent typographic style for your website. - [How to Create a List of Related Posts for a Single Post Page With Divi](https://help.elegantthemes.com/en/articles/8570721-how-to-create-a-list-of-related-posts-for-a-single-post-page-with-divi.md): Learn how to create a list of related posts for a single post page in Divi to keep visitors engaged and enhance user experience. - [Do I Need to Install the Divi Builder Plugin with Divi?](https://help.elegantthemes.com/en/articles/2165974-do-i-need-to-install-the-divi-builder-plugin-with-divi.md): While using the Divi theme, the Divi Builder plugin is not required to be installed. - [How to Build Extra Theme's Demo Homepage Layout](https://help.elegantthemes.com/en/articles/2678903-how-to-build-extra-theme-s-demo-homepage-layout.md): Learn how to build and customize a dynamic homepage using the Extra theme, utilizing its unique modules and layout options effectively. - [Opening Divi Modules In A Lightbox](https://help.elegantthemes.com/en/articles/2730977-opening-divi-modules-in-a-lightbox.md): Open pop up pop-up - [What Cookies Divi Uses](https://help.elegantthemes.com/en/articles/6268374-what-cookies-divi-uses.md): Full list of browser's cookies that Divi uses, ensuring that every aspects are working as designed. - [How to Access the Divi's Changelog](https://help.elegantthemes.com/en/articles/8362387-how-to-access-the-divi-s-changelog.md): Divi's changelog offers information about each update as well as information about what bug fixes have been released. - [How to Change the Position of the Visual Builder's Toolbar](https://help.elegantthemes.com/en/articles/8366892-how-to-change-the-position-of-the-visual-builder-s-toolbar.md): Learn how to reposition the Visual Builder's Toolbar on different edges of the screen for a better visual experience. - [How to Increase the Size of the Divi Builder Settings Modal](https://help.elegantthemes.com/en/articles/8376771-how-to-increase-the-size-of-the-divi-builder-settings-modal.md): If you want to eliminate the default scroll bar of the Divi Builder Modal settings it can be easily done with a small CSS snippet - [How to Remove the Suffix Number from the Page's/Post's URL](https://help.elegantthemes.com/en/articles/8548113-how-to-remove-the-suffix-number-from-the-page-s-post-s-url.md): Prevent WordPress from add-on suffix number in the page's/post's URL. - [How to Create a Table in Divi](https://help.elegantthemes.com/en/articles/8556396-how-to-create-a-table-in-divi.md): Create HTML tables using the TinyMCE Table option. Tables are great for displaying tabulated data. - [How to Create Popups in the Divi Theme](https://help.elegantthemes.com/en/articles/8556523-how-to-create-popups-in-the-divi-theme.md): Learn how to create engaging popups in the Divi theme to capture attention and enhance user interaction on your website. - [How to Change the Default Background Gradient Color Stops](https://help.elegantthemes.com/en/articles/8556657-how-to-change-the-default-background-gradient-color-stops.md): Learn how to change the default background gradient color stops in Divi to create unique and visually appealing designs for your website. - [How to Add a Hover Effect to Any Divi Element \(Section, Row, Module\)](https://help.elegantthemes.com/en/articles/8556752-how-to-add-a-hover-effect-to-any-divi-element-section-row-module.md): Adding hover effects can be applied on any Divi Elements such as Sections, Rows, Columns and Modules. - [How to Install WordPress and Divi on Localhost](https://help.elegantthemes.com/en/articles/8564680-how-to-install-wordpress-and-divi-on-localhost.md): Learn how to install WordPress and the Divi theme on localhost to create a safe and flexible development environment for your site. - [How to Change the Divi Visual Builder Default View Mode](https://help.elegantthemes.com/en/articles/8564840-how-to-change-the-divi-visual-builder-default-view-mode.md): Configure the Visual Builder to use a specific view mode: Desktop \(default\), Tablet, Phone or Wireframe. - [How to Disable Placeholder Content for Divi Modules](https://help.elegantthemes.com/en/articles/8564876-how-to-disable-placeholder-content-for-divi-modules.md): Learn how to disable placeholder content in Divi modules for a cleaner and more focused design experience on your website. - [How to Replace the RSS Feed Icon with TikTok Icon in the Default Divi footer](https://help.elegantthemes.com/en/articles/8564909-how-to-replace-the-rss-feed-icon-with-tiktok-icon-in-the-default-divi-footer.md): Customize the default Divi Footer and replace the default RSS icon with the TikTok icon. - [How to Disable the Divi's Inline Text Editor](https://help.elegantthemes.com/en/articles/8570340-how-to-disable-the-divi-s-inline-text-editor.md): Learn how to disable Divi’s inline text editor to streamline your workflow and use a minimal editing experience. - [How to Customize the Width of Divi Columns](https://help.elegantthemes.com/en/articles/8570473-how-to-customize-the-width-of-divi-columns.md): Learn how to customize the width of Divi columns to create flexible and visually appealing layouts that enhance your website’s design. - [How to Add YouTube as a Section's Background Video](https://help.elegantthemes.com/en/articles/8575483-how-to-add-youtube-as-a-section-s-background-video.md): Learn how to add a YouTube video as a background in Divi, enhancing your site’s visual appeal and creating an immersive user experience. - [How to Move Your WordPress Website to a New Host With No Downtime](https://help.elegantthemes.com/en/articles/5338125-how-to-move-your-wordpress-website-to-a-new-host-with-no-downtime.md): How to move a WordPress website to a new host no downtime by using the Duplicator plugin. - [How to Integrate a Google Map into Divi for Free Without Using a Google Map API Key](https://help.elegantthemes.com/en/articles/8351455-how-to-integrate-a-google-map-into-divi-for-free-without-using-a-google-map-api-key.md): Learn how to use alternative methods, such as embedding maps directly from Google Maps, to display location information on your site. - [How to Create a Promo Bar in Divi](https://help.elegantthemes.com/en/articles/8352478-how-to-create-a-promo-bar-in-divi.md): Learn how to use Divi’s built-in features, including the Theme Builder to design and implement a promo bar. - [How to Create a Divi Hero Section With Full Height](https://help.elegantthemes.com/en/articles/8352799-how-to-create-a-divi-hero-section-with-full-height.md): Learn how to adjust the section settings, use custom CSS, and create a responsive Divi Hero Section with full height. - [How to Add Custom CSS Code to a Specific Page or Custom Post Type](https://help.elegantthemes.com/en/articles/8368241-how-to-add-custom-css-code-to-a-specific-page-or-custom-post-type.md): Learn how to uniquely target and style individual elements for a specific post, page, or custom post type. - [How to Show the Last Modified Date on a Page or Post](https://help.elegantthemes.com/en/articles/8374458-how-to-show-the-last-modified-date-on-a-page-or-post.md): Learn how to show the lat modified date using various methods, including plugins, theme customizations, and template file edits. - [How to open a Bloom pop-up form from a button](https://help.elegantthemes.com/en/articles/2812810-how-to-open-a-bloom-pop-up-form-from-a-button.md): How to setup trigger on click - [How to Delete All Presets and Global Variables on a Divi Website](https://help.elegantthemes.com/en/articles/9910009-how-to-delete-all-presets-and-global-variables-on-a-divi-website.md): Learn how to delete all custom presets on a Divi website to reset your design and start fresh with a simplified layout. - [Divi Hosting Requirements: Optimizing Your Server for Peak Performance](https://help.elegantthemes.com/en/articles/10340853-divi-hosting-requirements-optimizing-your-server-for-peak-performance.md): Ensuring your Divi website runs smoothly requires meeting specific hosting requirements. This guide will help you optimize your server settings for the best Divi experience. - [How to Close All Accordion Module's Items Upon Initial Page Load](https://help.elegantthemes.com/en/articles/4748294-how-to-close-all-accordion-module-s-items-upon-initial-page-load.md): Learn how to adjust the Accordion module settings so that all items remain collapsed upon initial page load. - [Customize Blog Module - Read More Link Text](https://help.elegantthemes.com/en/articles/2658752-customize-blog-module-read-more-link-text.md): Change text of the read more button. Change style and color of the read more button. - [How to Replace the Pipe " | " in the Blog Module Post's Meta](https://help.elegantthemes.com/en/articles/2956609-how-to-replace-the-pipe-in-the-blog-module-post-s-meta.md): Change the pipe character in the blog meta tag. - [How to Change the Blog Module Layout to Have the Featured Image on the Left and Post Info on the Right](https://help.elegantthemes.com/en/articles/3725511-how-to-change-the-blog-module-layout-to-have-the-featured-image-on-the-left-and-post-info-on-the-right.md): Changing the default Blog module FullWidth Layout to have the Featured Image on the left, and the post content on the right - [How to Move the Blog Module to a Child Theme](https://help.elegantthemes.com/en/articles/4532734-how-to-move-the-blog-module-to-a-child-theme.md): Customize the Blog module by moving it from the Parent theme to a Child Theme. - [How to Change the Default Sorting Order of Posts in the Blog Module](https://help.elegantthemes.com/en/articles/4532770-how-to-change-the-default-sorting-order-of-posts-in-the-blog-module.md): Learn how to change the post sorting order using the Blog module to ensure the display order that best suits your content strategy - [How to Customize the Blog Module to Display Post's Custom Fields](https://help.elegantthemes.com/en/articles/4532813-how-to-customize-the-blog-module-to-display-post-s-custom-fields.md): Customize the Blog Module to display Custom Fields assigned to each Post. - [Move The Divi Blog Module Author, Date, Or Category Over The Featured Image](https://help.elegantthemes.com/en/articles/8352587-move-the-divi-blog-module-author-date-or-category-over-the-featured-image.md): How to Relocate and Emphasize the Divi Blog Module's Author, Date, or Category Above the Image - [How to Add Icons to Divi Blog Posts Based on Their Categories](https://help.elegantthemes.com/en/articles/8352847-how-to-add-icons-to-divi-blog-posts-based-on-their-categories.md): Learn how to add category-specific icons to Divi blog posts, which will enhance your site's visual appeal and improve user navigation. - [How to Make the Entire Post Inside the Blog Module Clickable](https://help.elegantthemes.com/en/articles/8367627-how-to-make-the-entire-post-inside-the-blog-module-clickable.md): Use custom CSS code to make the entire post box clickable in the Blog module. - [How to Open Blog Post Links in a New Browser's Tab](https://help.elegantthemes.com/en/articles/8367650-how-to-open-blog-post-links-in-a-new-browser-s-tab.md): Learn how to customize the Blog module and make each post link open in a new browser tab. - [How to Use the Video Post Format](https://help.elegantthemes.com/en/articles/8368090-how-to-use-the-video-post-format.md): Lean how to enable and use the post Video format and display the embedded video in the Blog module. - [How to Display a Carousel of Related Posts](https://help.elegantthemes.com/en/articles/8376353-how-to-display-a-carousel-of-related-posts.md): Learn how to use the Theme Builder to add a carousel of related Divi Blog posts. - [How to Reposition the Author on Top of the Post's Featured Image in the Blog Module](https://help.elegantthemes.com/en/articles/8382140-how-to-reposition-the-author-on-top-of-the-post-s-featured-image-in-the-blog-module.md): Display the post's author on top of the Featured Image, using the Blog module in Grid layout. - [How to Make a Masonry Blog Layout Using the Isotope JS Library](https://help.elegantthemes.com/en/articles/8560603-how-to-make-a-masonry-blog-layout-using-the-isotope-js-library.md): Learn how to create a dynamic masonry blog layout using the Isotope JS library for a visually appealing and organized blog section. - [How to Customize the Blog Module to Include Infinite Scrolling](https://help.elegantthemes.com/en/articles/8564379-how-to-customize-the-blog-module-to-include-infinite-scrolling.md): Learn how to customize Divi's Blog Module to include infinite scrolling for a seamless and engaging user experience. - [How to Turn the Blog Module Into a Carousel Using Slick Slider JS Library](https://help.elegantthemes.com/en/articles/8564516-how-to-turn-the-blog-module-into-a-carousel-using-slick-slider-js-library.md): Learn how to turn Divi's Blog Module into a carousel using the Slick Slider JS library for a dynamic and interactive blog display. - [How to Disable the AJAX Pagination for the Blog Module using the WP PageNavi Plugin](https://help.elegantthemes.com/en/articles/8570102-how-to-disable-the-ajax-pagination-for-the-blog-module-using-the-wp-pagenavi-plugin.md): Learn how to disable the default AJAX navigation for the Blog module and update the page URL with the correct pagination page URL. - [How to Change the Blog Module's Default Pagination to Include Page Numbers](https://help.elegantthemes.com/en/articles/8570209-how-to-change-the-blog-module-s-default-pagination-to-include-page-numbers.md): Learn how to change Divi’s Blog Module pagination to include page numbers, enhancing navigation and user experience on your blog. - [How to Change the Margins Between Posts in the Blog Module](https://help.elegantthemes.com/en/articles/8570922-how-to-change-the-margins-between-posts-in-the-blog-module.md): Learn how to change the margins between posts in Divi’s Blog Module to enhance your blog’s layout and readability. - [How to Add Social Share Icons to Posts in the Blog Module Without a Plugin](https://help.elegantthemes.com/en/articles/8575022-how-to-add-social-share-icons-to-posts-in-the-blog-module-without-a-plugin.md): Customize the Blog module to display Facebook, Twitter and LinkedIn sharing icons for each post. - [How to Remove the Default Cropping of the Post's Featured Image in the Blog Module](https://help.elegantthemes.com/en/articles/2208372-how-to-remove-the-default-cropping-of-the-post-s-featured-image-in-the-blog-module.md): Learn how to remove the default cropping of featured images in Divi's Blog Module for a more visually appealing presentation of your posts. - [How to Change the Number of Columns in the Blog Module](https://help.elegantthemes.com/en/articles/2310880-how-to-change-the-number-of-columns-in-the-blog-module.md): Learn how to change the number of columns in the Blog module to display your posts in a grid format that suits your design preferences. - [How to Disable AJAX Pagination in the Blog Module](https://help.elegantthemes.com/en/articles/2912512-how-to-disable-ajax-pagination-in-the-blog-module.md): Learn how to apply custom code to the Blog module to remove the AJAX pagination and allow visitors to navigate through links. - [How to Equalize the Posts' Height Within the Blog Module](https://help.elegantthemes.com/en/articles/3371227-how-to-equalize-the-posts-height-within-the-blog-module.md): Learn how to apply custom JS to the Divi Blog module to ensure all blog posts within the module have equal heights. - [How to Eliminate Separators in the Blog Module Post's Meta](https://help.elegantthemes.com/en/articles/8352671-how-to-eliminate-separators-in-the-blog-module-post-s-meta.md): A quick guide on how to eliminate separators in the Blog Module Post Meta - [How to Reposition the Published Date on Top of the Post's Featured Image in the Blog Module](https://help.elegantthemes.com/en/articles/8382137-how-to-reposition-the-published-date-on-top-of-the-post-s-featured-image-in-the-blog-module.md): Change the default Publish date's default position on the Blog Module. - [How to Reposition the Category on Top of the Post's Featured Image in the Blog Module](https://help.elegantthemes.com/en/articles/8382138-how-to-reposition-the-category-on-top-of-the-post-s-featured-image-in-the-blog-module.md): Display the post's category link on top of the Featured Image, using the Blog module in Grid layout. - [How to Align the Blurb's Module Title on the Right of the Blurb's Image or Icon](https://help.elegantthemes.com/en/articles/8352804-how-to-align-the-blurb-s-module-title-on-the-right-of-the-blurb-s-image-or-icon.md): Learn how to align the Blurb Module's title to the right of the image or icon in Divi for a unique and visually appealing design. - [How to Add a Custom Icon to the Blurb Module's Body Text](https://help.elegantthemes.com/en/articles/8368320-how-to-add-a-custom-icon-to-the-blurb-module-s-body-text.md): Learn how to add custom icons to the Blurb Module's body text to enhance visual appeal and improve user engagement. - [How to Fix Missing Comments Section on WordPress Pages](https://help.elegantthemes.com/en/articles/2248025-how-to-fix-missing-comments-section-on-wordpress-pages.md): Learn how to enable and display comments on WordPress pages and the causes on why they aren't showing up by default. - [How to Remove the Website Field from Divi's Comments Module](https://help.elegantthemes.com/en/articles/8548504-how-to-remove-the-website-field-from-divi-s-comments-module.md): Learn how to remove the website field from Divi's Comments Module to streamline user experience and reduce spam submissions. - [How to Send a Copy to the Sender Using the Contact Form Module](https://help.elegantthemes.com/en/articles/2315928-how-to-send-a-copy-to-the-sender-using-the-contact-form-module.md): Learn how to customize the Contact Form module to send a copy of the email to sender. - [How to Add a Consent and Agreement Field to the Contact Form Module](https://help.elegantthemes.com/en/articles/2330757-how-to-add-a-consent-and-agreement-field-to-the-contact-form-module.md): Add a consent/confirmation checkbox to the Contact Form so visitors can agree to terms of use or privacy policies before submitting it. - [How to Include Email Addresses in Contact Form Submissions in Divi](https://help.elegantthemes.com/en/articles/2783784-how-to-include-email-addresses-in-contact-form-submissions-in-divi.md): Learn how to configure the Contact Form Module settings correctly to capture and include email addresses in each submission. - [How to Use the Contact Form Module's Message Pattern](https://help.elegantthemes.com/en/articles/2837733-how-to-use-the-contact-form-module-s-message-pattern.md): Learn how to create a clear and organized email structure and ensure that the information you collect is presented precisely as needed. - [How to Customize Default Email's Subject Line Using the Contact Form Module](https://help.elegantthemes.com/en/articles/2865095-how-to-customize-default-email-s-subject-line-using-the-contact-form-module.md): Learn how to customize the subject of the emails sent by Divi Contact Form in order to better organize and manage them. - [How to Move the Contact Form Module to a Child Theme](https://help.elegantthemes.com/en/articles/2865589-how-to-move-the-contact-form-module-to-a-child-theme.md): Learn how to create a child theme, transfer the necessary files, and modify the Contact Form Module in a child theme. - [How to Add Google ReCaptcha to the Contact Form Module and Email Optin Module](https://help.elegantthemes.com/en/articles/4805942-how-to-add-google-recaptcha-to-the-contact-form-module-and-email-optin-module.md): Learn how to integrate Google reCaptcha to protect your website from spam and abuse while allowing your valid users to pass through easily. - [How to Include the Post/Page's Title in the Contact Form's Email Body](https://help.elegantthemes.com/en/articles/7190539-how-to-include-the-post-page-s-title-in-the-contact-form-s-email-body.md): Learn how to add the current post/page/product/etc title to the contact form email body. - [How to Style the Contact Form Module's Success and Error Message](https://help.elegantthemes.com/en/articles/8203436-how-to-style-the-contact-form-module-s-success-and-error-message.md): Learn how to style the success and error messages in Divi's Contact Form Module in order to enhance the user experience. - [How to Hide the Contact Form Module's Title After a Successful Submission](https://help.elegantthemes.com/en/articles/8203453-how-to-hide-the-contact-form-module-s-title-after-a-successful-submission.md): Learn how to dynamically hide the the Contact Form module's Title once a user has submitted their information. - [How to Automatically Scroll the Page When the Contact Form Module Has Errors](https://help.elegantthemes.com/en/articles/8203456-how-to-automatically-scroll-the-page-when-the-contact-form-module-has-errors.md): Learn how to automatically scroll the page in Divi if the Contact Form module has errors by using JavaScript code. - [How to Apply Border Styling to the Contact Form's Input Fields to Enhance the Focus State](https://help.elegantthemes.com/en/articles/8351298-how-to-apply-border-styling-to-the-contact-form-s-input-fields-to-enhance-the-focus-state.md): Learn how to enhance your contact form's input fields with stylish border styling to improve your form's focus state and user experience. - [How to Make the Contact Form Module's Submit Button Fullwidth](https://help.elegantthemes.com/en/articles/8366971-how-to-make-the-contact-form-module-s-submit-button-fullwidth.md): Customize the Contact Form's modules submit button to be fullwidth - [How to Send the Contact Form's Message to Multiple E-mail Addresses](https://help.elegantthemes.com/en/articles/8565430-how-to-send-the-contact-form-s-message-to-multiple-e-mail-addresses.md): Configure the Email field to include a list of multiple email addresses to which the Contact Form message will be sent. - [How to Prevent Receiving Empty Emails From the Contact Form Module](https://help.elegantthemes.com/en/articles/8565746-how-to-prevent-receiving-empty-emails-from-the-contact-form-module.md): Use Google's reCaptcha or the built-in default simple Captcha to prevent spam bots from sending empty or spam submissions - [How to Add an Attachment File Option to the Contact Form Module](https://help.elegantthemes.com/en/articles/8570382-how-to-add-an-attachment-file-option-to-the-contact-form-module.md): Learn how to customize the Contact Form module to include the option for attaching files by using a 3rd party plugin. - [How to Delete All Accounts From Bloom and Divi Email Module](https://help.elegantthemes.com/en/articles/2797523-how-to-delete-all-accounts-from-bloom-and-divi-email-module.md): Learn how to remove old or unused email accounts, ensuring that your email integrations are up-to-date and secure. - [How to Display the Email Opt-in Module's Fields Inline](https://help.elegantthemes.com/en/articles/8556844-how-to-display-the-email-opt-in-module-s-fields-inline.md): Learn how to display the Email Opt-in Module's fields inline in Divi for a sleek and streamlined form design that boosts sign-ups. - [How to Add a Consent and Agreement Field to the Email Optin Module](https://help.elegantthemes.com/en/articles/9405264-how-to-add-a-consent-and-agreement-field-to-the-email-optin-module.md): Add a consent checkbox to the Email Optin module so users can agree to privacy policy disclaimers before submitting the form. - [How to Add Mailchimp Groups to the Divi Optin Module](https://help.elegantthemes.com/en/articles/4107278-how-to-add-mailchimp-groups-to-the-divi-optin-module.md): Groups let you categorize subscribers. Divi Optin Module subscribers can select MailChimp groups for themselves - [How to Display the Project Excerpt When Hovering Over Filterable Portfolio Module Items](https://help.elegantthemes.com/en/articles/3192295-how-to-display-the-project-excerpt-when-hovering-over-filterable-portfolio-module-items.md): Learn how to display project excerpt text on hover in the Filterable Portfolio Module to enhance user interaction on your site. - [How to Move the Filterable Portfolio Module From the Parent Theme to a Child Theme](https://help.elegantthemes.com/en/articles/3192155-how-to-move-the-filterable-portfolio-module-from-the-parent-theme-to-a-child-theme.md): Learn how to move the Filterable Portfolio Module from your parent theme to a child theme to preserve customizations during updates. - [How to Disable Lightbox on the Gallery Module](https://help.elegantthemes.com/en/articles/2781821-how-to-disable-lightbox-on-the-gallery-module.md): Learn how to disable the lightbox in Divi's Gallery Module for a cleaner, distraction-free image presentation on your website. - [How to Include Image Titles in the Lightbox Window for the Gallery Module](https://help.elegantthemes.com/en/articles/8565474-how-to-include-image-titles-in-the-lightbox-window-for-the-gallery-module.md): Learn how to include image titles in the Lightbox window of Divi's Gallery Module for a more informative and engaging gallery experience. - [How to Add the Site Tagline's Text Under Your Logo](https://help.elegantthemes.com/en/articles/2197896-how-to-add-the-site-tagline-s-text-under-your-logo.md): Learn how to utilize Theme Builder and Divi’s built-in features to seamlessly integrate a dynamic descriptive tagline beneath your logo. - [How to Add More Social Icons to Divi Default Header and Footer](https://help.elegantthemes.com/en/articles/2236011-how-to-add-more-social-icons-to-divi-default-header-and-footer.md): Learn how to add more social icons to Divi’s default header and footer to enhance visibility and user engagement on your website. - [How to Change the Footer Links in the Extra Theme](https://help.elegantthemes.com/en/articles/2278793-how-to-change-the-footer-links-in-the-extra-theme.md): Learn how to add, remove, or modify default Extra's copyright text to suit your needs. - [How to Add a Dropdown Menu in Divi](https://help.elegantthemes.com/en/articles/2292260-how-to-add-a-dropdown-menu-in-divi.md): Learn how to add and customize a dropdown menu in Divi to improve your website’s navigation and user experience. - [How to Add a Custom Call to Action Button to the Divi's Menu](https://help.elegantthemes.com/en/articles/2353115-how-to-add-a-custom-call-to-action-button-to-the-divi-s-menu.md): Learn how to add a custom call to action button to Divi’s menu to boost user engagement and drive conversions on your website. - [How to Create Custom Header and Footer Layouts in Divi](https://help.elegantthemes.com/en/articles/2354835-how-to-create-custom-header-and-footer-layouts-in-divi.md): Learn how to design and implement custom header and footer layouts in Divi using the Theme Builder. - [How to Add Font Awesome Social Icons to Divi’s Primary Menu](https://help.elegantthemes.com/en/articles/2720207-how-to-add-font-awesome-social-icons-to-divi-s-primary-menu.md): Enhance the Divi Navigation menu by adding FontAwesome Social Icons and improving user engagement and access to your social media profiles - [How to Open the Social Media Links in a New Tab/Window](https://help.elegantthemes.com/en/articles/2937359-how-to-open-the-social-media-links-in-a-new-tab-window.md): Learn to adjust social media link settings in Divi/Extra, modify HTML code, and use custom attributes to open them in a New Tab or window. - [How to Enable the Fixed Navigation Bar on Tablets and Mobile Devices](https://help.elegantthemes.com/en/articles/2974974-how-to-enable-the-fixed-navigation-bar-on-tablets-and-mobile-devices.md): Learn how to enable the fixed navigation bar in Divi on small screens so that the navigation is always visible when scrolling. - [Changing Fixed Header Background And Size](https://help.elegantthemes.com/en/articles/3209753-changing-fixed-header-background-and-size.md): Learn how to define transparent/solid background header differently for Primary Navigation and Fixed Navigation and defining different sizes - [How to Create a Fixed Navigation that Sticks to the Top When the Page is Scrolled Down](https://help.elegantthemes.com/en/articles/3659948-how-to-create-a-fixed-navigation-that-sticks-to-the-top-when-the-page-is-scrolled-down.md): Learn how to build a Sticky Navigation Bar from Bottom to Top in Divi by using Divi's built-in features and applying custom CSS. - [How to Add Vertical Divider Lines Between Divi Default Menu Items](https://help.elegantthemes.com/en/articles/8368207-how-to-add-vertical-divider-lines-between-divi-default-menu-items.md): Add and style Vertical Divider Lines Between Divi Default Menu Items with CSS. - [How to Create a Transparent Fixed Header Layout That Overlaps the Page's Content](https://help.elegantthemes.com/en/articles/8559675-how-to-create-a-transparent-fixed-header-layout-that-overlaps-the-page-s-content.md): Learn how to create a transparent fixed header in Divi that overlaps your page's content for a modern and elegant website design. - [How to Create a Footer Reveal Effect Without a Plugin](https://help.elegantthemes.com/en/articles/8374589-how-to-create-a-footer-reveal-effect-without-a-plugin.md): Learn how to create a stylish footer reveal effect using CSS and JavaScript, enhancing your website's design without a plugin. - [How to Fix the Header Jumping Issue During Page Loading](https://help.elegantthemes.com/en/articles/2359901-how-to-fix-the-header-jumping-issue-during-page-loading.md): Learn more about the issue with your header jumping during page loading, what is causing it along with ways of how to fix the problem. - [How to Display the Footer Area at the Bottom of the Page](https://help.elegantthemes.com/en/articles/9909636-how-to-display-the-footer-area-at-the-bottom-of-the-page.md): Learn how to display the footer at the bottom of the page in Divi, creating a consistent and polished design across your website. - [How to Change the Twitter Bird Logo to the Latest X Logo in the Extra Theme](https://help.elegantthemes.com/en/articles/9909927-how-to-change-the-twitter-bird-logo-to-the-latest-x-logo-in-the-extra-theme.md): Learn how to update the Twitter bird logo to the latest X logo in the Extra theme for a modern and up-to-date look on your website. - [How to Add Zoom-In Hover Effect to the Image Module](https://help.elegantthemes.com/en/articles/2699953-how-to-add-zoom-in-hover-effect-to-the-image-module.md): Learn how to customize the Image Module to include a Zoom-in Hover effect. - [How to Remove the Image Title While the Image is Hovered](https://help.elegantthemes.com/en/articles/8560061-how-to-remove-the-image-title-while-the-image-is-hovered.md): Learn how to remove image titles on hover using CSS for a cleaner and more visually appealing user experience on your website. - [How to Remove the Default Cropping of the Post's Featured Image in the Portfolio Module](https://help.elegantthemes.com/en/articles/2920375-how-to-remove-the-default-cropping-of-the-post-s-featured-image-in-the-portfolio-module.md): Learn how to remove the default cropping of featured images in Divi's Portfolio Module for a more accurate and attractive presentation. - [How to Change the Order of the Divi Portfolio Items](https://help.elegantthemes.com/en/articles/3068176-how-to-change-the-order-of-the-divi-portfolio-items.md): Customize the Portfolio module to change the order in which the Project post are being displayed by default. - [How to Display the Project Excerpt Text When Hovering on Portfolio Module Items](https://help.elegantthemes.com/en/articles/3162274-how-to-display-the-project-excerpt-text-when-hovering-on-portfolio-module-items.md): Learn how to display project excerpt text on hover in the Portfolio Module to enhance user interaction and engagement on your site. - [How to Move the Portfolio Module From the Parent Theme to a Child Theme](https://help.elegantthemes.com/en/articles/3175932-how-to-move-the-portfolio-module-from-the-parent-theme-to-a-child-theme.md): Learn how to move the Portfolio Module from the parent theme to a child theme to preserve customizations during theme updates. - [How to Change the Image's Aspect Ratio Displays on the Portfolio Module](https://help.elegantthemes.com/en/articles/8352400-how-to-change-the-image-s-aspect-ratio-displays-on-the-portfolio-module.md): Learn how to change the featured image's aspect ratio in the Portfolio Module to enhance your site's visual appeal and project presentation. - [How to Change Divi's Default Project Slug](https://help.elegantthemes.com/en/articles/3102553-how-to-change-divi-s-default-project-slug.md): Learn how to change Divi's default project slug to enhance your site's SEO, branding, and navigation with custom URLs. - [How to Equalize Pricing Tables' Height](https://help.elegantthemes.com/en/articles/2308906-how-to-equalize-pricing-tables-height.md): Learn how to apply custom CSS and use Divi’s design settings to ensure each pricing table is uniform, regardless of the content length. - [How to Ensure that the Slider's Images are Visible Without Cropping on Mobile Devices](https://help.elegantthemes.com/en/articles/4748249-how-to-ensure-that-the-slider-s-images-are-visible-without-cropping-on-mobile-devices.md): Learn how to adjust image sizes, aspect ratios, and responsive design settings to achieve a perfect display across all devices. - [How to Create a Full-Screen Slider Using the Slider Module](https://help.elegantthemes.com/en/articles/2239802-how-to-create-a-full-screen-slider-using-the-slider-module.md): Learn how to configure the Slider module settings to achieve a full-screen display by using Divi's options and some CSS code. - [How to Make the Slider's Module Navigation Arrows Always Visible](https://help.elegantthemes.com/en/articles/8559617-how-to-make-the-slider-s-module-navigation-arrows-always-visible.md): Learn how to make navigation arrows in Divi’s Slider Module always visible for improved user interaction and seamless navigation. - [How to Load a Page with a Certain Tab Opened](https://help.elegantthemes.com/en/articles/2831095-how-to-load-a-page-with-a-certain-tab-opened.md): Learn how to load a page with a specific tab opened to streamline navigation and enhance user experience when using the Tabs module. - [How to Display the Search Results in Alphabetical Order](https://help.elegantthemes.com/en/articles/8352749-how-to-display-the-search-results-in-alphabetical-order.md): Learn how to configure your website to display search results alphabetically, improving user experience and content organization. - [How to Create a Custom Search Results Page in Divi Using Theme Builder](https://help.elegantthemes.com/en/articles/8372375-how-to-create-a-custom-search-results-page-in-divi-using-theme-builder.md): Learn how to create a custom search results page in Divi using Theme Builder for an improved user experience and site design consistency. - [How to Clear Browser's Cache](https://help.elegantthemes.com/en/articles/2170758-how-to-clear-browser-s-cache.md): Learn how to correctly clear the browser's cache to ensure you view the most up-to-date version of a website. - [What is the Ideal Image Size for Divi Websites?](https://help.elegantthemes.com/en/articles/2239757-what-is-the-ideal-image-size-for-divi-websites.md): Learn how to balance image resolution and file size, and discover best practices for resizing images without sacrificing quality. - [How to Optimize Background Images for Mobile Devices](https://help.elegantthemes.com/en/articles/2254547-how-to-optimize-background-images-for-mobile-devices.md): Optimize background images using Divi's Responsive settings ensuring the background images are displaying correctly on mobile devices. - [How to Optimize Divi Layouts for Mobile Devices](https://help.elegantthemes.com/en/articles/2254621-how-to-optimize-divi-layouts-for-mobile-devices.md): Learn how to use Divi’s responsive design features to adjust layouts, customize modules, and fine-tune settings for mobile screens. - [How to Improve Your Website's Page Speed Score](https://help.elegantthemes.com/en/articles/2703021-how-to-improve-your-website-s-page-speed-score.md): Learn effective strategies to boost your website's page speed score, improving user experience and search engine rankings. - [How to Use the Flat Preloader Plugin](https://help.elegantthemes.com/en/articles/2853888-how-to-use-the-flat-preloader-plugin.md): Learn how to install and customize the Flat Preloader Plugin to enhance your website's loading experience with engaging visuals. - [How to Hide Menu Items on Desktop or Mobile Devices](https://help.elegantthemes.com/en/articles/3109546-how-to-hide-menu-items-on-desktop-or-mobile-devices.md): Learn how to customize your Divi built-in navigation to control which menu items appear based on the device being used. - [How to Preload Divi's Icon Fonts](https://help.elegantthemes.com/en/articles/4532841-how-to-preload-divi-s-icon-fonts.md): Learn how to preload ET Icon fonts \(modules.ttf\) for improving your website's performance and the user experience. - [How to Fix Cumulative Layout Shift \(CLS\) in Divi](https://help.elegantthemes.com/en/articles/5120638-how-to-fix-cumulative-layout-shift-cls-in-divi.md): CLS is a user-centric metric for measuring visual stability, helping to quantify how often users experience unexpected layout shifts. - [How to Enable Pinch to Zoom on Mobile Devices](https://help.elegantthemes.com/en/articles/2190905-how-to-enable-pinch-to-zoom-on-mobile-devices.md): Learn how to adjust your site's settings and implement necessary code changes to ensure that users can zoom in on mobile devices. - [How to Display a Different Logo Image on Mobile Devices](https://help.elegantthemes.com/en/articles/2278213-how-to-display-a-different-logo-image-on-mobile-devices.md): Learn how to use the Menu module, and take advantage of Divi’s responsive design features to easily switch between desktop and mobile logos. - [How to Apply Device-Specific Custom CSS Code to an Element in Divi](https://help.elegantthemes.com/en/articles/2800710-how-to-apply-device-specific-custom-css-code-to-an-element-in-divi.md): Learn how to target and style elements specifically for different devices to ensure your site looks great and functions well on all screens. - [How to Display the Desktop Menu on Mobile Devices With the Menu Module](https://help.elegantthemes.com/en/articles/8356116-how-to-display-the-desktop-menu-on-mobile-devices-with-the-menu-module.md): Learn how to show the desktop menu on mobile devices when using the Menu Module in Divi for user-friendly navigation across all platforms. - [How to Customize the Menu Module's Responsive Breakpoints](https://help.elegantthemes.com/en/articles/8383809-how-to-customize-the-menu-module-s-responsive-breakpoints.md): Learn how to customize the Menu Module's responsive breakpoints for a seamless navigation experience across all devices on your website. - [How to Prevent Horizontal Page Scrolling to the Right](https://help.elegantthemes.com/en/articles/8548417-how-to-prevent-horizontal-page-scrolling-to-the-right.md): Learn how to prevent horizontal page scrolling to the right, ensuring a clean and user-friendly browsing experience on your website. - [How to Use Divi's Responsive Settings](https://help.elegantthemes.com/en/articles/2249798-how-to-use-divi-s-responsive-settings.md): Learn how to adjust text sizes, spacing, visibility, and more using Divi’s intuitive responsive design options. - [How to Enable or Disable the Back to Top Button Based on Device](https://help.elegantthemes.com/en/articles/8368294-how-to-enable-or-disable-the-back-to-top-button-based-on-device.md): Learn how to enable or disable the "Back to Top" button based on device type to enhance user navigation on your website. - [How to Change the Footer Credits in Divi](https://help.elegantthemes.com/en/articles/2208307-how-to-change-the-footer-credits-in-divi.md): Change the default footer copyright text using the Theme Customizer or using the Theme Builder. - [How to Setup Your Primary Menu in Divi](https://help.elegantthemes.com/en/articles/2330650-how-to-setup-your-primary-menu-in-divi.md): Learn how to set up your primary menu in Divi to create an intuitive and user-friendly navigation system for your website. - [How to Automatically Close the Divi Slide-In Menu When a Menu Item is Clicked on a One Page Site](https://help.elegantthemes.com/en/articles/3049531-how-to-automatically-close-the-divi-slide-in-menu-when-a-menu-item-is-clicked-on-a-one-page-site.md): Learn how to make Divi's slide-in menu automatically close after clicking a menu item on a one-page site for seamless navigation. - [How to Migrate the Theme Customizer Settings in Divi](https://help.elegantthemes.com/en/articles/8548302-how-to-migrate-the-theme-customizer-settings-in-divi.md): Divi's Portability feature allows the export of Theme Customizer settings from one website and import them to a different website. - [How to Add a Background Color or Image to the Entire Website](https://help.elegantthemes.com/en/articles/8548592-how-to-add-a-background-color-or-image-to-the-entire-website.md): Using the Theme Customizer, you can add a Background color or a Background Image to your entire website. - [How to Edit the Default Divi Footer](https://help.elegantthemes.com/en/articles/8560123-how-to-edit-the-default-divi-footer.md): Learn how to edit or remove the default Footer Widgets that ship with the Divi theme along with updating the copyright and social icons. - [How to Add Google Analytics and Other Tracking Codes to Your Divi Website](https://help.elegantthemes.com/en/articles/2179494-how-to-add-google-analytics-and-other-tracking-codes-to-your-divi-website.md): Learn how to add Google Analytics, Facebook Pixel, and other third-party tracking scripts using Divi’s Theme Options. - [How to Add a Favicon to Your Website](https://help.elegantthemes.com/en/articles/2258504-how-to-add-a-favicon-to-your-website.md): Learn about the best practices for adding a Favicon Image to your website. - [How to Disable Top Tier Dropdown Menu Links](https://help.elegantthemes.com/en/articles/2268061-how-to-disable-top-tier-dropdown-menu-links.md): Learn how to disable top tier dropdown menu links in Divi to create a more streamlined and user-friendly navigation experience. - [How to Enable the WordPress Classic Editor](https://help.elegantthemes.com/en/articles/2567305-how-to-enable-the-wordpress-classic-editor.md): Enable the WordPress Classic Editor without a third-party plugin. - [How to Use the Custom CSS Area in Divi](https://help.elegantthemes.com/en/articles/2711439-how-to-use-the-custom-css-area-in-divi.md): Learn how to access and utilize the Custom CSS area to add unique styles, override existing ones, and customize your site’s appearance. - [How to Use the Divi Integration Tab](https://help.elegantthemes.com/en/articles/2734187-how-to-use-the-divi-integration-tab.md): Learn how to use the Divi Integration Tab to enhance your website's functionality and improve tracking and analytics. - [How to Prevent Losing Divi Theme Options and Customizer Settings](https://help.elegantthemes.com/en/articles/2875227-how-to-prevent-losing-divi-theme-options-and-customizer-settings.md): Learn how to back up your settings, export and import customizations, and utilize child themes to safeguard your design and configuration. - [How to Increase the Height of Divi's Custom CSS Box](https://help.elegantthemes.com/en/articles/8352706-how-to-increase-the-height-of-divi-s-custom-css-box.md): Learn how to increase the height of Divi's custom CSS box for a more comfortable and efficient coding experience. - [How to add Custom CSS to Divi](https://help.elegantthemes.com/en/articles/8357875-how-to-add-custom-css-to-divi.md): Divi has multiple places where Custom CSS code can be added, this guide explores all the areas for customizing through CSS code. - [How to Roll Back Divi to a Previous Version](https://help.elegantthemes.com/en/articles/8359736-how-to-roll-back-divi-to-a-previous-version.md): How to roll back to a previous version of Divi in case you have issues after a theme update. Useful for debugging purposes. - [How to Add Google Analytics to Divi](https://help.elegantthemes.com/en/articles/8367709-how-to-add-google-analytics-to-divi.md): How to create and integrate the Google Analytics tracking code into Divi. - [How to Add Custom JavaScript Code in Divi](https://help.elegantthemes.com/en/articles/8368169-how-to-add-custom-javascript-code-in-divi.md): Learn how to add JavaScript code in Divi globally or on an individual page, post, project, or Woo Product. - [How to Update the Google Fonts List in Divi](https://help.elegantthemes.com/en/articles/8548056-how-to-update-the-google-fonts-list-in-divi.md): Learn how to update the Google Fonts list in Divi to access the latest fonts and enhance your website’s visual appeal and versatility. - [How to Get My Site indexed by Google](https://help.elegantthemes.com/en/articles/8555719-how-to-get-my-site-indexed-by-google.md): Learn how to add a WordPress website to Google's search directory and Google's Search Results Page. - [How to Scroll to and Open a Toggle with Anchors Link Located on the Same Page Using Divi](https://help.elegantthemes.com/en/articles/2720326-how-to-scroll-to-and-open-a-toggle-with-anchors-link-located-on-the-same-page-using-divi.md): Learn how to use anchor links in Divi to scroll to and open specific Toggle Modules on the same page for a seamless user experience. - [How to Open or Close All Toggle Modules Using the Button Module](https://help.elegantthemes.com/en/articles/8352354-how-to-open-or-close-all-toggle-modules-using-the-button-module.md): Learn how to use Divi's Button Module to open or close all Toggle Modules with one click, improving user interaction and navigation. - [How to Correct Translation Errors](https://help.elegantthemes.com/en/articles/2716960-how-to-correct-translation-errors.md): Learn how to identify common translation mistakes, utilize translation tools, and manually adjust translations to ensure accuracy. - [How to Stop Background Video at the Last Frame](https://help.elegantthemes.com/en/articles/2834586-how-to-stop-background-video-at-the-last-frame.md): Learn how to stop your background video at the last frame to ensure a seamless and professional look on your website. - [How to Enable Autoplay on Background Videos in Divi](https://help.elegantthemes.com/en/articles/2952179-how-to-enable-autoplay-on-background-videos-in-divi.md): Learn how to enable and customize autoplay options for background videos to enhance your website's visual appeal and user engagement. - [How to Change the Video Module's Overlay Play Icon](https://help.elegantthemes.com/en/articles/3013787-how-to-change-the-video-module-s-overlay-play-icon.md): Learn how to select and upload a custom play icon for the Video module that aligns with your site's design and branding - [How to Use the Theme Builder to Customize the WooCommerce Pages](https://help.elegantthemes.com/en/articles/2816978-how-to-use-the-theme-builder-to-customize-the-woocommerce-pages.md): Learn how to use Divi's Theme Builder to customize the WooCommerce pages, enhancing both aesthetics and functionality for your shoppers. - [How to Customize the WooCommerce Product Images Sizes](https://help.elegantthemes.com/en/articles/2857936-how-to-customize-the-woocommerce-product-images-sizes.md): Change the default size of Woo Product's Featured Images. - [How to Enable Products and Other Post Types in Divi's Search Module](https://help.elegantthemes.com/en/articles/3030197-how-to-enable-products-and-other-post-types-in-divi-s-search-module.md): Learn how to modify your theme's functions, and use custom code to include products and various post types in your search results. - [How to Customize the Woo Products Module to Include Infinite Scrolling](https://help.elegantthemes.com/en/articles/4532907-how-to-customize-the-woo-products-module-to-include-infinite-scrolling.md): Customize the Woo Products module to include Infinite Loading products by using the Yith Infinite Scrolling Plugin. - [How to Display Product Category and Subcategory on Woo Archive Pages](https://help.elegantthemes.com/en/articles/4631811-how-to-display-product-category-and-subcategory-on-woo-archive-pages.md): Learn how to display categories and subcategories on Woo Archive pages to improve navigation and product discoverability in your store. - [How to Import Sample Products in WooCommerce](https://help.elegantthemes.com/en/articles/8570023-how-to-import-sample-products-in-woocommerce.md): Learn how to import sample products in WooCommerce to quickly set up and customize your online store for testing and development. - [How to Display the Product's Gallery Images as a Carousel](https://help.elegantthemes.com/en/articles/4629929-how-to-display-the-product-s-gallery-images-as-a-carousel.md): Learn how to display your product's gallery images as a carousel to create an engaging and user-friendly shopping experience. - [How to Customize the Woo Products Module to Include the "Add to Cart" Button](https://help.elegantthemes.com/en/articles/2204915-how-to-customize-the-woo-products-module-to-include-the-add-to-cart-button.md): Learn how to seamlessly integrate the Add to Cart button within your product listing, using the Woo Products module. ## Divi Cloud - [Getting Started with Divi Cloud](https://help.elegantthemes.com/en/articles/8661698-getting-started-with-divi-cloud.md): Divi Cloud is like Dropbox for Divi layouts. Save, organize, and access your favorite Divi Builder elements from any Divi website. - [Divi Cloud Interface Overview](https://help.elegantthemes.com/en/articles/9662366-divi-cloud-interface-overview.md): Master the use of Divi Cloud to effortlessly import and export Divi elements, while organizing them for fast, easy access. - [How to Access Your Divi Cloud](https://help.elegantthemes.com/en/articles/9583616-how-to-access-your-divi-cloud.md): Learn how to access your Divi Cloud from the visual builder. - [How to Organize Your Divi Cloud Items](https://help.elegantthemes.com/en/articles/9583713-how-to-organize-your-divi-cloud-items.md): Learn about best practices in organizing and managing all of your Divi Cloud items. - [How to Save Premade Layouts to Divi Cloud](https://help.elegantthemes.com/en/articles/9662371-how-to-save-premade-layouts-to-divi-cloud.md): Learn how to save Premade Layouts to your Divi Cloud for latter use. - [How to Save Divi Elements to Divi Cloud](https://help.elegantthemes.com/en/articles/9583741-how-to-save-divi-elements-to-divi-cloud.md): Learn how to save Divi elements to Divi Cloud for easy storage and reuse across different Divi websites. - [How to Import Elements from Divi Cloud](https://help.elegantthemes.com/en/articles/9583754-how-to-import-elements-from-divi-cloud.md): Learn how to import elements from Divi Cloud into new or existing Divi Sites without having to recreate them from scratch. - [How to Export Divi Library to Divi Cloud](https://help.elegantthemes.com/en/articles/9661908-how-to-export-divi-library-to-divi-cloud.md): Learn how to export your Divi Library items to Divi Cloud for easy access and reuse across multiple projects and sites. ## Divi Dash - [Getting Started with Divi Dash](https://help.elegantthemes.com/en/articles/9571733-getting-started-with-divi-dash.md): Divi Dash lets you efficiently manage updates, themes, assign clients, and view a complete history for all your WordPress sites. - [How to Add a WordPress Site to Divi Dash](https://help.elegantthemes.com/en/articles/9571881-how-to-add-a-wordpress-site-to-divi-dash.md): Discover how to add a WordPress site to Divi Dash and efficiently manage its themes, plugins and users. - [Divi Dash Website Dashboard](https://help.elegantthemes.com/en/articles/9577080-divi-dash-website-dashboard.md): Learn how Divi Dash helps manage your site's plugins, themes, and users by providing detailed insights for individual WordPress sites. - [How to Manage Clients With Divi Dash](https://help.elegantthemes.com/en/articles/9587884-how-to-manage-clients-with-divi-dash.md): Learn how to add, edit and delete clients for any WordPress sites added to Divi Dash. - [Divi Dash Updates Tab](https://help.elegantthemes.com/en/articles/9588215-divi-dash-updates-tab.md): Learn about the Updates tab, which offers a complete overview of all the updates available across all the WordPress added to Divi Dash. - [Divi Dash Websites Tab](https://help.elegantthemes.com/en/articles/9588007-divi-dash-websites-tab.md): The Websites tab inside Divi Dash offers an overview of which websites use the Divi theme and the available updates for your sites. - [Divi Dash Themes Tab](https://help.elegantthemes.com/en/articles/9595222-divi-dash-themes-tab.md): Learn about the Themes tab, which offers a complete overview of all the theme updates available across all the WordPress added to Divi Dash. - [Divi Dash Plugins Tab](https://help.elegantthemes.com/en/articles/9595227-divi-dash-plugins-tab.md): Learn about the Plugins tab, which offers a complete overview of all the plugins available across all the WordPress added to Divi Dash. - [Divi Dash Clients Tab](https://help.elegantthemes.com/en/articles/9595230-divi-dash-clients-tab.md): Learn about the Clients tab, where you can manage and assign them to different websites added to Divi Dash. - [Divi Dash History Tab](https://help.elegantthemes.com/en/articles/9571893-divi-dash-history-tab.md): Learn about the History tab, which offers a complete history overview of all WordPress added to Divi Dash. - [Divi Dash Permissions Tab](https://help.elegantthemes.com/en/articles/9595231-divi-dash-permissions-tab.md): Learn how to view, edit, and control access permissions for each team member, ensuring that everyone has the appropriate level of access. - [How to Add a WordPress Multi-Site to Divi Dash](https://help.elegantthemes.com/en/articles/9711947-how-to-add-a-wordpress-multi-site-to-divi-dash.md): Learn how to add a WordPress Multi-Site \(network\) to Divi Dash and efficiently manage its themes, plugins, and users. - [How to Add a WordPress Site with 2FA or Captcha-Protected Login to Divi Dash](https://help.elegantthemes.com/en/articles/9743623-how-to-add-a-wordpress-site-with-2fa-or-captcha-protected-login-to-divi-dash.md): Learn how to add a WordPress site with 2FA or captcha-protected login to Divi Dash using a connection key. ## Divi VIP - [Getting Started with Divi VIP](https://help.elegantthemes.com/en/articles/9707174-getting-started-with-divi-vip.md): Unlock priority support with Divi VIP. Learn about the benefits of becoming a Divi VIP member. ## Divi Teams - [Getting Started with Divi Teams](https://help.elegantthemes.com/en/articles/9652722-getting-started-with-divi-teams.md): Learn about Divi Teams, a new foundation that improves collaboration and efficiency across the Divi Ecosystem. - [Divi Teams Management System](https://help.elegantthemes.com/en/articles/9656793-divi-teams-management-system.md): Learn about the Divi Teams Management System and how to improve collaboration and efficiency for Divi agencies and freelancers. - [How to Invite Members and Manage Seats](https://help.elegantthemes.com/en/articles/9657053-how-to-invite-members-and-manage-seats.md): Learn how to invite member and manage seats in Divi Teams. - [How to Manage User Roles](https://help.elegantthemes.com/en/articles/9657103-how-to-manage-user-roles.md): Learn how to manage existing user roles and create custom roles for your team members in Divi Teams. - [How to Manage Account and Permissions](https://help.elegantthemes.com/en/articles/9657120-how-to-manage-account-and-permissions.md): Learn how to manage individual member's account and permissions in Divi Teams. ## Divi Marketplace - [What Is The Divi Marketplace?](https://help.elegantthemes.com/en/articles/10343573-what-is-the-divi-marketplace.md) - [Customer Guide to Divi Marketplace](https://help.elegantthemes.com/en/articles/10343779-customer-guide-to-divi-marketplace.md): Unlock Your Website's Full Potential with the Divi Marketplace - [Becoming a Divi Marketplace Seller](https://help.elegantthemes.com/en/articles/10343634-becoming-a-divi-marketplace-seller.md): The Divi Marketplace offers an exciting opportunity for developers and designers to showcase and sell their Divi-related products to a large audience of Divi users. ## DonDivi Documentation - [DiviSignatures](https://help.elegantthemes.com/en/articles/11081887-divisignatures.md): Design beautiful HTML email signatures in Divi and paste them into any email client using a simple copy-and-paste process. - [DiviPasswords](https://help.elegantthemes.com/en/articles/11081893-divipasswords.md): Protect Divi sections, rows, columns, and modules with passwords. Hide content until the correct password is entered. - [DiviMenus On Media](https://help.elegantthemes.com/en/articles/11081877-divimenus-on-media.md): Place DiviMenus over images and videos in Divi modules with interactive lightbox, open, and download media options. - [DiviMenus Sharing](https://help.elegantthemes.com/en/articles/11081881-divimenus-sharing.md): Turn your DiviMenus into fully customizable social sharing buttons with support for major networks and custom messages. - [Floating DiviMenus](https://help.elegantthemes.com/en/articles/11081872-floating-divimenus.md): Display any DiviMenu from your library as a floating menu over the content, on the pages and positions you choose. - [DonDivi Timeline](https://help.elegantthemes.com/en/articles/11067280-dondivi-timeline.md): Create engaging timelines in a totally adaptable and responsive way! - [DonDivi Tabs](https://help.elegantthemes.com/en/articles/11067273-dondivi-tabs.md): Display any layout when clicking on customizable horizontal or vertical tabs! - [DonDivi Popup](https://help.elegantthemes.com/en/articles/11067269-dondivi-popup.md): Design & See your Popups in action right inside the Visual Builder! - [DonDivi Nav Menu](https://help.elegantthemes.com/en/articles/11067263-dondivi-nav-menu.md): Create the perfect navigation on any screen with this powerful menu builder! - [DonDivi Hotspots](https://help.elegantthemes.com/en/articles/11067259-dondivi-hotspots.md): Make your images interactive with the most versatile hotspot module! - [DonDivi Grid](https://help.elegantthemes.com/en/articles/11067253-dondivi-grid.md): Easily arrange any content in flexible grids, directly in the Visual Builder! - [DonDivi Gallery](https://help.elegantthemes.com/en/articles/11067250-dondivi-gallery.md): Enjoy the ultimate image gallery experience in one single module! - [DonDivi Content Toggle](https://help.elegantthemes.com/en/articles/11067235-dondivi-content-toggle.md): Design amazing content switchers with your favorite layouts & unique effects! - [DiviMenus](https://help.elegantthemes.com/en/articles/11067284-divimenus.md): Build unique menus, popups, or advanced layouts with DiviMenus: a powerful module for truly dynamic Divi designs. - [DiviMenus Flex](https://help.elegantthemes.com/en/articles/11067321-divimenus-flex.md): Create flexible, row-based menus, popups, and toggles with DiviMenus Flex, an intuitive module for advanced Divi designs. - [DiviMenus: URL Link Type](https://help.elegantthemes.com/en/articles/11081833-divimenus-url-link-type.md): Open any destination URL when clicking a Menu Item in DiviMenus or DiviMenus Flex, with active state and rel attributes. - [DiviMenus: Sub Link Type](https://help.elegantthemes.com/en/articles/11081847-divimenus-sub-link-type.md): Display Divi Layouts or WordPress menus as dropdowns or mega menus inside a DiviMenus Flex Menu Item. - [DiviMenus: Show Link Type](https://help.elegantthemes.com/en/articles/11081842-divimenus-show-link-type.md): Toggle visibility of any page element by clicking or hovering a Menu Item in DiviMenus or DiviMenus Flex. - [DiviMenus: Popup Link Type](https://help.elegantthemes.com/en/articles/11081839-divimenus-popup-link-type.md): Open Divi Library layouts in customizable popups when users click or hover on a DiviMenus or DiviMenus Flex Menu Item. - [DiviMenus: Divi Animations and Custom Effects in DiviMenus](https://help.elegantthemes.com/en/articles/11081860-divimenus-divi-animations-and-custom-effects-in-divimenus.md): Add built-in Divi animations and custom enter/exit effects to your DiviMenus, popups, submenus, and shown elements. ## Divi Hosting - [What is Divi Hosting?](https://help.elegantthemes.com/en/articles/4011174-what-is-divi-hosting.md): The Best WordPress Hosting For Divi - [Divi Hosting By Flywheel Overview](https://help.elegantthemes.com/en/articles/8596945-divi-hosting-by-flywheel-overview.md): Get amazing WordPress hosting that just works with Divi. We partnered with Flywheel to bring great Divi hosting to our customers. - [Divi Hosting By SiteGround Overview](https://help.elegantthemes.com/en/articles/8597075-divi-hosting-by-siteground-overview.md): We partnered with SiteGround to bring Divi users fast Divi Hosting that works perfectly out of the box. - [Divi Hosting By Pressable Overview](https://help.elegantthemes.com/en/articles/8597096-divi-hosting-by-pressable-overview.md): Pressable has curated ultra-fast, secure & scalable WordPress Hosting plans for businesses and site developers. ## Pre Sales - [What is the difference between Divi and Divi Pro?](https://help.elegantthemes.com/en/articles/8713123-what-is-the-difference-between-divi-and-divi-pro.md): Divi Pro comes with additional features at an incredible discount. - [Can I Use Multiple Websites on Divi?](https://help.elegantthemes.com/en/articles/2170999-can-i-use-multiple-websites-on-divi.md): Yes! You are free to use multiple websites with your account. - [What happens if I cancel my subscription?](https://help.elegantthemes.com/en/articles/8713108-what-happens-if-i-cancel-my-subscription.md): You can cancel at any time and your account will remain active for the remainder of the one year term. - [Can I upgrade to a different package after signing up?](https://help.elegantthemes.com/en/articles/2170994-can-i-upgrade-to-a-different-package-after-signing-up.md): Yes, you can upgrade to any of our packages at any time. - [Divi AI Pricing Overview](https://help.elegantthemes.com/en/articles/8289311-divi-ai-pricing-overview.md): You can purchase Divi AI on a monthly or yearly subscription. - [What discount do I get for Black Friday?](https://help.elegantthemes.com/en/articles/10202245-what-discount-do-i-get-for-black-friday.md): Where do I access the Black Friday Sale and what is the offer? - [When does Black Friday start and end?](https://help.elegantthemes.com/en/articles/10202207-when-does-black-friday-start-and-end.md) - [Anniversary 2026](https://help.elegantthemes.com/en/articles/10812127-anniversary-2026.md): Get massive discounts up to 78% off. ## Accounts and Billing - [I can't login to my account](https://help.elegantthemes.com/en/articles/2165855-i-can-t-login-to-my-account.md): Having log in problems? We can help you out! - [I forgot my password or username](https://help.elegantthemes.com/en/articles/2165912-i-forgot-my-password-or-username.md): You can reset your password and username from our login page. - [How do I cancel my subscription?](https://help.elegantthemes.com/en/articles/2165810-how-do-i-cancel-my-subscription.md): You can cancel your subscription at any time from our Members Area. - [Is there a refund policy?](https://help.elegantthemes.com/en/articles/2018096-is-there-a-refund-policy.md) - [I forgot to cancel my subscription](https://help.elegantthemes.com/en/articles/2165848-i-forgot-to-cancel-my-subscription.md) - [How do I get my API key?](https://help.elegantthemes.com/en/articles/2166286-how-do-i-get-my-api-key.md): You can get your API key from the Members Area. - [Where do I find my $50 marketplace credit?](https://help.elegantthemes.com/en/articles/10203204-where-do-i-find-my-50-marketplace-credit.md) - [Why can I not pay using PayPal?](https://help.elegantthemes.com/en/articles/2427363-why-can-i-not-pay-using-paypal.md): Please read this article to see all eligible PayPal transactions. - [How do I upgrade my account?](https://help.elegantthemes.com/en/articles/2170750-how-do-i-upgrade-my-account.md): Upgrading can be done by going to the offers page in our member's area. - [How do I get my invoice?](https://help.elegantthemes.com/en/articles/2165778-how-do-i-get-my-invoice.md): You can edit or view your invoice in our Members Area. - [How do I change my username?](https://help.elegantthemes.com/en/articles/2165834-how-do-i-change-my-username.md): Our Accounts team can change your Elegant Themes username. - [Do I lose my site if I don't renew my subscription?](https://help.elegantthemes.com/en/articles/2018037-do-i-lose-my-site-if-i-don-t-renew-my-subscription.md) - [Where do I get access to the perk discounts or Black Friday Cyber Monday Divi 5 Design System?](https://help.elegantthemes.com/en/articles/10202188-where-do-i-get-access-to-the-perk-discounts-or-black-friday-cyber-monday-divi-5-design-system.md) - [Where do I get my Black Friday or Cyber Monday Prize?](https://help.elegantthemes.com/en/articles/10202195-where-do-i-get-my-black-friday-or-cyber-monday-prize.md) - [I am a lifetime customer, what offers do I get during Black Friday?](https://help.elegantthemes.com/en/articles/10202272-i-am-a-lifetime-customer-what-offers-do-i-get-during-black-friday.md) - [Can I repurchase a bundle?](https://help.elegantthemes.com/en/articles/10202287-can-i-repurchase-a-bundle.md): What happens to my subscriptions when I repurchase a bundle offer? - [Are Divi Services available for Lifetime?](https://help.elegantthemes.com/en/articles/10202370-are-divi-services-available-for-lifetime.md) - [Securing Your Elegant Themes Account: A Step-by-Step Guide to Two-Factor Authentication](https://help.elegantthemes.com/en/articles/10491956-securing-your-elegant-themes-account-a-step-by-step-guide-to-two-factor-authentication.md): Navigate 2-Factor Authentication With Ease: Setup and Recovery - [Keeping Your Elegant Themes Account Safe with Device Linking](https://help.elegantthemes.com/en/articles/10706729-keeping-your-elegant-themes-account-safe-with-device-linking.md): Device Linking enhances the security of your Elegant Themes Account by restricting access to trusted devices and preventing unauthorized access. - [Elegant Themes and DonDivi FAQ's](https://help.elegantthemes.com/en/articles/10807630-elegant-themes-and-dondivi-faq-s.md): This article provides answers to frequently asked questions about Elegant Themes' acquisition of DonDivi and how it impacts current customers. ## Developers - [How To Create A Divi Extension](https://help.elegantthemes.com/en/articles/8656735-how-to-create-a-divi-extension.md): Learn how to develop extensions for Divi - [Divi Development Environment Setup](https://help.elegantthemes.com/en/articles/8656748-divi-development-environment-setup.md): Learn how to get a local development environment up and running. - [Defining Module Settings](https://help.elegantthemes.com/en/articles/8656912-defining-module-settings.md): Learn how to define module settings using the field types provided by Divi. - [Advanced Field Types For Module Settings](https://help.elegantthemes.com/en/articles/8656929-advanced-field-types-for-module-settings.md): Learn about the Advanced Field types for module settings. - [Defining Custom CSS Fields For Modules](https://help.elegantthemes.com/en/articles/8657286-defining-custom-css-fields-for-modules.md): Learn how to define custom CSS fields for modules. - [Settings Field Visibility](https://help.elegantthemes.com/en/articles/8657399-settings-field-visibility.md): Learn how to show or hide a setting depending on the value of other settings. - [Module Settings Groups](https://help.elegantthemes.com/en/articles/8657447-module-settings-groups.md): Learn how to configure the toggle groups in the module settings modal. - [Compatibility Levels](https://help.elegantthemes.com/en/articles/8657712-compatibility-levels.md): Making existing custom modules compatible with the latest version of the Divi Builder. - [Divi Module Hooks](https://help.elegantthemes.com/en/articles/8657766-divi-module-hooks.md): Learn about the hooks that are available in Divi’s module files. - [Divi Builder PHP Hooks](https://help.elegantthemes.com/en/articles/8657767-divi-builder-php-hooks.md): Learn about the PHP hooks that are available in Divi Builder features. - [Divi Builder Javascript Hooks](https://help.elegantthemes.com/en/articles/8657768-divi-builder-javascript-hooks.md): Learn about the Javascript hooks that are available in Divi Builder features. - [How To Create a Custom Field For a Divi Builder Module](https://help.elegantthemes.com/en/articles/8658433-how-to-create-a-custom-field-for-a-divi-builder-module.md) - [How To Create A Divi Builder Module](https://help.elegantthemes.com/en/articles/8656791-how-to-create-a-divi-builder-module.md): Learn how to create a custom module for the Divi Builder. - [Divi Builder JavaScript API](https://help.elegantthemes.com/en/articles/8657536-divi-builder-javascript-api.md): The builder's JavaScript API definition. - [Divi Template Hooks](https://help.elegantthemes.com/en/articles/8657693-divi-template-hooks.md): Learn about the hooks that are available in Divi's template files. ## Extra Theme Documentation - [How to translate the Extra Theme](https://help.elegantthemes.com/en/articles/2640459-how-to-translate-the-extra-theme.md): Manully translate Extra theme - [Extra Header & Menu Options](https://help.elegantthemes.com/en/articles/8608064-extra-header-menu-options.md): Extra header is highly customization, featuring various menu, logo and alignment options. - [An Introduction To The Extra Theme](https://help.elegantthemes.com/en/articles/8655947-an-introduction-to-the-extra-theme.md): Learn the basics of the theme in this complete video overview. Newcomers, start here! - [How To Install The Extra Theme](https://help.elegantthemes.com/en/articles/8655920-how-to-install-the-extra-theme.md): Installing our themes is a snap using the WordPress Dashboard theme installer. - [The Extra Category Builder](https://help.elegantthemes.com/en/articles/8655911-the-extra-category-builder.md): Using the category builder, you can create custom layouts for each section of posts. - [Using Extra's Theme Options](https://help.elegantthemes.com/en/articles/8630540-using-extra-s-theme-options.md): All of Extra's basic configurations can be modified within the theme options panel. - [Extra's Custom Sidebar Widgets](https://help.elegantthemes.com/en/articles/8608750-extra-s-custom-sidebar-widgets.md): Extra comes with tons of custom widgets built for needs of bloggers and publications. - [How To Update The Extra Theme](https://help.elegantthemes.com/en/articles/8608694-how-to-update-the-extra-theme.md): Using our Elegant Updater Plugin, you can update Extra right from your dashboard. - [Ratings & Reviews In Extra](https://help.elegantthemes.com/en/articles/8608672-ratings-reviews-in-extra.md): Extra comes with an integrated user and author rating system that can be used for reviews. - [Projects & Portfolios In Extra](https://help.elegantthemes.com/en/articles/8608412-projects-portfolios-in-extra.md): Extra's project post type can be used to create an online digital portfolio. - [An Overview Of Post Formats In Extra](https://help.elegantthemes.com/en/articles/8608376-an-overview-of-post-formats-in-extra.md): Extra supports all major post formats, giving your blog a wonderful variation of media. - [Using Extra's Page Templates](https://help.elegantthemes.com/en/articles/8608332-using-extra-s-page-templates.md): Extra comes with a variety of page templates that can be used in various situations. - [Using The Extra Theme & Module Customizer](https://help.elegantthemes.com/en/articles/8608067-using-the-extra-theme-module-customizer.md): Using the theme customizer, you can adjust just about every part of Extra's design. - [Using eCommerce In Extra](https://help.elegantthemes.com/en/articles/8608043-using-ecommerce-in-extra.md): Extra integrates with WooCommerce, making it easy to create an online store. - [Extra Header & Menu Options](https://help.elegantthemes.com/en/articles/2156492-extra-header-menu-options.md): Extra header is highly customization, featuring various menu, logo and alignment options. - [The Extra Ads Module](https://help.elegantthemes.com/en/articles/8608100-the-extra-ads-module.md): The ad block can be used to place advertisements within your category feed. - [The Extra Text Module](https://help.elegantthemes.com/en/articles/8608326-the-extra-text-module.md): The most basic module, but with tons of different applications. - [The Extra Tabbed Posts Module](https://help.elegantthemes.com/en/articles/8608317-the-extra-tabbed-posts-module.md): Tabbed posts are a great way to consolidate posts into a smaller area, allowing to tab through categories. - [The Extra Posts Carousel Module](https://help.elegantthemes.com/en/articles/8608313-the-extra-posts-carousel-module.md): Display a list of posts within a horizontal sliders that can be toggled through by your visitors. - [The Extra Posts Module](https://help.elegantthemes.com/en/articles/8608310-the-extra-posts-module.md): Display a basic feed of posts from specific categories and sorted by various different methods. - [The Extra Featured Posts Slider Module](https://help.elegantthemes.com/en/articles/8608208-the-extra-featured-posts-slider-module.md): The Featured Post slider is a large slider meant to highlight your very best or most recent posts. - [The Extra Masonry Blog Feed Module](https://help.elegantthemes.com/en/articles/8608178-the-extra-masonry-blog-feed-module.md): This module will display your list of posts in the form of small boxes on a masonry grid. - [The Extra Code Module](https://help.elegantthemes.com/en/articles/8608159-the-extra-code-module.md): Place custom code onto your page, such as HTML and JS, or input third party shortcodes. - [The Extra Standard Blog Feed Module](https://help.elegantthemes.com/en/articles/8608157-the-extra-standard-blog-feed-module.md): This module will showcase Posts in a classic "blog-style" list, or in a masonry block. ## Bloom Plugin Documentation - [How To Import And Export Bloom Opt-Ins](https://help.elegantthemes.com/en/articles/8608020-how-to-import-and-export-bloom-opt-ins.md): Building a new website? Import your settings from a previous install and skip the setup! - [How To Use Triggers In Bloom](https://help.elegantthemes.com/en/articles/8596214-how-to-use-triggers-in-bloom.md): Triggers can be used to greatly increase the effectiveness of your pop-up and fly-in opt-ins. - [A Basic Overview Of The Bloom Plugin](https://help.elegantthemes.com/en/articles/8650918-a-basic-overview-of-the-bloom-plugin.md): Learn the basics of the plugin in this complete video overview. Newcomers, start here! - [How to Download and Install Bloom WordPress Plugin](https://help.elegantthemes.com/en/articles/8651030-how-to-download-and-install-bloom-wordpress-plugin.md): Installing our plugins is a snap using the WordPress Dashboard plugin installer. - [Use the Design Settings to customize your Opt-in form](https://help.elegantthemes.com/en/articles/8601242-use-the-design-settings-to-customize-your-opt-in-form.md): Bloom's design settings can allow for almost unlimited variations, customized to match your site. - [Using The Bloom Opt-in Types](https://help.elegantthemes.com/en/articles/8601205-using-the-bloom-opt-in-types.md): Bloom let's you add opt-in forms to your website using 6 different methods. - [Using The Bloom Display Settings](https://help.elegantthemes.com/en/articles/8600834-using-the-bloom-display-settings.md): Bloom gives you complete control over where each of your opt-in forms appear on your website. - [Adding Email Accounts In Bloom](https://help.elegantthemes.com/en/articles/8600819-adding-email-accounts-in-bloom.md): Before creating an opt-in form, you must connect it to your mailing list service. - [Creating And Using Shortcodes In Bloom](https://help.elegantthemes.com/en/articles/8600681-creating-and-using-shortcodes-in-bloom.md): Certain opt-ins have shortcodes that you can use to place the opt-in anywhere on your site. - [How To Update Your Bloom Plugin](https://help.elegantthemes.com/en/articles/8596179-how-to-update-your-bloom-plugin.md): Using our Elegant Updater Plugin, you can update Bloom right from your dashboard. - [How To Perform Split Testing](https://help.elegantthemes.com/en/articles/8596225-how-to-perform-split-testing.md): Split tests are the key to optimizing your forms, making it easy to see which variation is most effective. - [Using The Bloom Inline opt-in](https://help.elegantthemes.com/en/articles/8608024-using-the-bloom-inline-opt-in.md): Create your own opt-in shortcode that can be placed on any post or page inline with your content. - [Adding Custom Fields To Bloom Optin Forms](https://help.elegantthemes.com/en/articles/8658566-adding-custom-fields-to-bloom-optin-forms.md): Adding custom fields to a Bloom optin allows you to create custom subscribe forms and collecting additional information. - [Adding Custom Fields To Bloom Opt-In Forms](https://help.elegantthemes.com/en/articles/2156325-adding-custom-fields-to-bloom-opt-in-forms.md): Adding custom fields to a Bloom Opt-In allows you to collect additional information from your subscribers. - [Using The Bloom Widget Opt-In](https://help.elegantthemes.com/en/articles/8596150-using-the-bloom-widget-opt-in.md): Widgets allow you to easily place an opt-in form in your website's sidebar or footer area. - [Using The Bloom Flyin Opt-In](https://help.elegantthemes.com/en/articles/8608002-using-the-bloom-flyin-opt-in.md): Flyins are a great way to encourage sharing when visitors are most engaged with your post. - [Using The Bloom Locked Content Opt-In](https://help.elegantthemes.com/en/articles/8607755-using-the-bloom-locked-content-opt-in.md): Required your visitors to subscribe before they get access to the content on your post or page. - [Using The Bloom Popup opt-in](https://help.elegantthemes.com/en/articles/8600756-using-the-bloom-popup-opt-in.md): Popup opt-ins are incredibly effective and can be controlled using various custom triggers. - [Using The Bloom Below Post Opt-In](https://help.elegantthemes.com/en/articles/8607587-using-the-bloom-below-post-opt-in.md): Connect with your visitors when they are most engaged, after they have finished reading your post. ## Monarch Plugin Documentation - [How To Setup Monarch's YouTube API](https://help.elegantthemes.com/en/articles/2843561-how-to-setup-monarch-s-youtube-api.md): You can follow the documentation below to integrate YouTube API to your site - [How To Setup Monarch's LinkedIn API](https://help.elegantthemes.com/en/articles/2806640-how-to-setup-monarch-s-linkedin-api.md): In this article you can learn how to integrate LinkedIn API to Monarch to show your LinkedIn follower count - [How To Setup Monarch's Instagram API](https://help.elegantthemes.com/en/articles/2802194-how-to-setup-monarch-s-instagram-api.md): Here you can learn how to integrate Instagram API to Monarch plugin to show your follower count - [How to Setup Monarch's Twitter API](https://help.elegantthemes.com/en/articles/2781241-how-to-setup-monarch-s-twitter-api.md): If Twitter counts are not working properly on your site, please follow this article to make sure the API is set up correctly - [How To Setup Monarch's Facebook API](https://help.elegantthemes.com/en/articles/2678332-how-to-setup-monarch-s-facebook-api.md): Facebook uses OAuth for its API, which requires some additional steps before it will allow Monarch to access share and follow information. - [A Complete Overview Of The Monarch Plugin](https://help.elegantthemes.com/en/articles/8655833-a-complete-overview-of-the-monarch-plugin.md): Learn the basics of the plugin in this complete video overview. Newcomers, start here! - [Adding and Managing Social Networks In Monarch](https://help.elegantthemes.com/en/articles/2156385-adding-and-managing-social-networks-in-monarch.md): Before any social sharing buttons will show up, you first have to choose your favorites. - [How To Install Your Monarch WordPress Plugin](https://help.elegantthemes.com/en/articles/8651063-how-to-install-your-monarch-wordpress-plugin.md): Installing our plugins is a snap using the WordPress Dashboard plugin installer. - [How To Update Your Monarch Plugin](https://help.elegantthemes.com/en/articles/8596264-how-to-update-your-monarch-plugin.md): Using our Elegant Updater Plugin, you can update Monarch right from your dashboard. - [Adding and Managing Social Networks In Monarch](https://help.elegantthemes.com/en/articles/8655848-adding-and-managing-social-networks-in-monarch.md): Before any social sharing buttons will show up, you first have to choose your favorites. - [Customizing The Monarch Design](https://help.elegantthemes.com/en/articles/8596843-customizing-the-monarch-design.md): Monarch comes with some great design customization options for each integration area. - [Importing and Exporting Your Monarch Settings](https://help.elegantthemes.com/en/articles/8596755-importing-and-exporting-your-monarch-settings.md): Building a new website? Import your settings from a previous install and skip the steup! - [Using Popup & Flyin Triggers Effectively In Monarch](https://help.elegantthemes.com/en/articles/8596292-using-popup-flyin-triggers-effectively-in-monarch.md): Using Popup & Flyin triggers in combination can result in increase social sharing activity. - [Using Network APIs In Monarch](https://help.elegantthemes.com/en/articles/8655852-using-network-apis-in-monarch.md): Connecting to your social account allows Monarch to update your social follower counts automatically. - [Using The Override Meta Box In Monarch](https://help.elegantthemes.com/en/articles/8596592-using-the-override-meta-box-in-monarch.md): You can enable and disable social sharing areas on a per-page basis using the on-page settings. - [Viewing Your Social Stats In Monarch](https://help.elegantthemes.com/en/articles/8596312-viewing-your-social-stats-in-monarch.md): Monarch comes with some great stats that tell you how much people are sharing your website. - [Using The Floating Sidebar In Monarch](https://help.elegantthemes.com/en/articles/8596331-using-the-floating-sidebar-in-monarch.md): Create a floating sidebar of social sharing buttons that follow your visitors as they scroll. - [An Overview Of Social Sharing Popups In Monarch](https://help.elegantthemes.com/en/articles/8596429-an-overview-of-social-sharing-popups-in-monarch.md): Popups are incredibly effective, and they can be controlled using various custom triggers. - [Using Inline Sharing Buttons In Monarch](https://help.elegantthemes.com/en/articles/8596682-using-inline-sharing-buttons-in-monarch.md): Don't skip the basics. Monarch's simple inline sharing buttons can be placed above and below your posts. - [An Overview Of Social Sharing Flyins](https://help.elegantthemes.com/en/articles/8596777-an-overview-of-social-sharing-flyins.md): Flyings are a great way to encourage sharing when visitors are most engaged with your post. - [Using Media Sharing Buttons In Monarch](https://help.elegantthemes.com/en/articles/8596974-using-media-sharing-buttons-in-monarch.md): Encourage the sharing of media on media-centric websites such as Pinterest and Facebook. - [Using The Social Follow Widget In Monarch](https://help.elegantthemes.com/en/articles/8596245-using-the-social-follow-widget-in-monarch.md): Using the Monarch widget, you can easily add social follow buttons to your sidebar or footer. - [Using The Social Follow Shortcode In Monarch](https://help.elegantthemes.com/en/articles/8596407-using-the-social-follow-shortcode-in-monarch.md): The social follow shortcode lets you place social follow buttons anywhere on your website! ## Support Resources - [Our Support System Explained](https://help.elegantthemes.com/en/articles/2174686-our-support-system-explained.md): Learn how to get support on Elegant Themes using the live chat system for prompt assistance. - [Best Practices to Request Support](https://help.elegantthemes.com/en/articles/9734730-best-practices-to-request-support.md): Learn best practices for getting technical support, ensuring your requests are clear and efficient for quicker, more accurate assistance. - [How to Take Screenshots or Video For Your Support Request](https://help.elegantthemes.com/en/articles/9902308-how-to-take-screenshots-or-video-for-your-support-request.md): Learn how to capture and share screenshots or videos for your support request to help resolve issues quickly and accurately. - [Essential WordPress Plugins for Every Website: Top Picks by Category](https://help.elegantthemes.com/en/articles/10371888-essential-wordpress-plugins-for-every-website-top-picks-by-category.md)