Using Divi
Editing Basic Modules in Divi
Last Updated: September 26, 2024What are Modules when talking about the Divi Editor? In Divi, modules are the individual elements that make up the content and structure of your website. Think of them as Lego blocks that can be combined to create complex layouts and designs. Each module serves a specific purpose, such as: – Displaying text or images – Creating calls-to-action (CTAs) – Showing videos or sliders – Providing contact information – And more Divi offers over 40 modules, including: – Basic modules (Text, Image, Button) – Layout modules (Rows, Columns) – Interactive modules (Contact Form, Slider) – Media modules (Video, Gallery) – Specialty modules (Testimonials, Pricing Tables) How Editing Modules in Divi Works Editing Basics To edit a module: 1. Click the gear icon on the gray control box. 2. Make changes in the settings palette. 3. Click the green checkmark to save or the red X to discard. Module-Specific Editing – Image Module: – Click gear, select image from library, or upload new image. – Click “Upload Image” to apply changes. – Button Module: – Click gear, edit link and text. – Save changes with green checkmark. – Video Module: ...
Structure of Divi and the Divi Editor
Last Updated: September 26, 2024What exactly is Divi for WordPress? The Divi theme, developed by Elegant Themes, is a popular WordPress theme renowned for its flexibility, customizability, and ease of use. Divi features a drag-and-drop visual builder, allowing users to design and customize layouts without requiring extensive coding knowledge. The theme includes 40+ modules, 100+ pre-made layouts, and extensive customization options for colors, fonts, and spacing. Divi is fully responsive, SEO-optimized, and compatible with popular WordPress plugins. Its modular architecture and frequent updates make it a versatile and reliable choice for various website types, including blogs, businesses, portfolios, and e-commerce sites. Introduction to the Divi Editor Getting Started To edit a website in Divi, start by opening the page you want to edit. Make sure you’re logged in to your WordPress site. If you need help logging in, refer to our separate login tutorial. Enabling the Visual Builder Click “Enable Visual Builder” on the page you want to edit. This will reopen the page in Divi’s editing environment. Understanding Divi’s Editing Environment Divi’s editing environment is a what-you-see-is-what-you-get (WYSIWYG) interface. As you move your mouse over different parts of the screen, control boxes will appear with various icons. Divi Structure Divi’s structure...
Getting Started with Divi
Last Updated: September 26, 2024Need a Divi API-key added to your WordPress site? Need the Divi API key added to your WordPress? You can send us a ticket specifying the WordPress URL where the API key should be added and we’ll take care of it for you within one business day. For security reasons, we are not able to disclose the API keys to customers or on our website. Links mentioned in this video: Find fonts on Google Fonts to select from Divi Font options: https://fonts.google.com Learn more about how to use Divi: https://www.elegantthemes.com/documentation/divi/builder/