Skip to main content

Have questions? I can help!

< All Topics
Print
Table of Contents

Rearrange Elements

  • Sections: Hover over the section you want to move, and look for the drag icon  Click and drag it to a new location on the page.

  • Rows: Hover over the row you want to move, and use the drag icon to reposition it within the section.

  • Modules: Hover over the module (e.g., text, image, button) and drag it to a different spot within the row or section.

Once you've dragged the element to the desired location, release the mouse button to drop it the. The page will automatically updated

Duplicate elements

 

Divi 5 - Duplicate an existing element in Visual Builder

 

Duplication is the fastest way to reuse design work. Every element’s hover toolbar has a duplicate icon.

 

Duplicate using the element's action icons:

  1. Hover a module, row, or section until its toolbar appears.
  2. Click the duplicate icon.

    Duplicate using the right-click contextual menu:

    1. Right-click on the element you want to duplicate.
    2. From the contextual menu, choose Duplicate.

      Duplicate using keyboard shortcut:

      1. Click on the element you want to duplicate to select it.
      2. Press Ctrl / Cmd + Shift + D.

        Remove Elements from the canvas

         

        Divi 5 - Delete an element from the page's layout

         

        To delete directly on the canvas:

        1. Hover the element (section, row, module).
        2. Click the Trash can iconin its action icons.

          The element and its content disappear from the layout.

           

          For nested rows or module groups, the delete icon removes the whole nested structure or group at once.

          Copy/Paste Elements and Elements Attributes in Divi 5 Visual Builder

          Copy and paste whole elements with right-click

          Use this when you want to reuse a whole layout block.

          1. Hover a section, row, or module in the Visual Builder.
          2. Right-click it or click on the triple dot icon from the element's toolbar to open the contextual menu.
          3. Click the Copy option (Section/Row/Module) or press the associated keyboard shortcut CTRL/CMD + C.
          4. Place the mouse cursor where you want to paste the copied element.Right-click the target area and choose a Paste option (for example, paste below, paste inside) or press the associated keyboard shortcut CTRL/CMD + V.
          5. Choose the location where the copied element will be pasted:

            • Above - will be pasted above the targeted location.

            • Inside - will be pasted as a nested element inside the targeted location.

            • Below - will be pasted below the target location.

            This behaves like cloning the element, including its content and design.

            Tips:

            • If all you need is a quick copy in the same spot, the duplicate icon in the element toolbar is usually faster than copy/paste.

            • You can also copy an element from one page to another page opened in a separate browser tab.

             

            Copy and paste attributes with Attribute Management

            Use the Attribute Management when you want to reuse only the "how it looks" or "what it says", not the whole element.

             

            An attribute in Divi 5 can be:

            • Content (text, images, links, etc.).

            • Styles (individual design settings like colors, spacing, borders).

            • Presets (element presets and option group presets applied to the element).

               

            Copy the element's entire attributes

            You can copy attributes from a whole element or from specific parts of its settings.

            To copy all attributes from an element:

            1. Right-click an element (section, row, module).
            2. Click the Copy Attributes option from the contextual menu.

              This copies:

              • Content

              • Presets

              • Modified styles

              You can also copy attributes from:

              • A whole tab (Content, Design, Advanced).

              • A specific option group (for example, Background, Button, Title Text, Image option groups).

              • A single field.

                 

              Copy only specific elements' attributes

              1. Click on the element to open its settings.
              2. From the Content, Design, or Advanced tab, right-click on the option group you want to copy.
              3. Choose the Copy Attribute option.

              For example, if you want to copy the Background Attributes (background color, gradient, image, etc) of an element:

              1. Click on the element from which you want to copy the Background Attributes.

              2. From the Content tab, right-click on the Background option group name.

              3. Choose Copy Background Attributes.

              Tip: You can also copy the value of an individual option, such as background color, padding, margin, etc.

               

              Keyboard shortcut to copy attributes

              • On Mac: Cmd + Shift + C

              • On Windows: Ctrl + Shift + C

              This is equivalent to "Copy Attributes" for the selected element.

               

              Paste attributes: what each option does

              After you have copied attributes, right-click your target element and hover over the Paste Attributes option.

               

              You will see several options:

              • Paste All Attributes (CMD/CTRL + SHIFT + V) - this will paste all the copied attributes.

              • Paste Design Attributes(CMD/CTRL + OPTION/ALT + V)

                • What it does: pastes presets and styles only, no content.

                • When to use: when you want the same look but different text or images.

                • Example: design one blurb, then paste design attributes to other blurbs so they share styles but keep their own content.

              • Paste Content Attributes:

                • What it does: pastes only content (text, images, links) from the source element.

                • When to use: when you want to reuse content but keep the target element's existing styling and presets.

              • Paste Presets:

                • What it does: applies the source element's presets to the target element.

                • When to use: when you want to connect the target element to the same preset-based design system.

              • Paste Select Design Attributes:

                • What it does: pastes modified styles (spacing, borders, colors, etc.) and presets.

                • When to use: when you want to replicate both the styles and the preset relationship.

              • Paste Select Style Attributes:

                • What it does: pastes only modified styles (spacing, borders, colors, etc.), without presets or content.

                • When to use: when you just want raw style values and do not want to link presets.

              • Paste Select Content Attributes - allows you to select only specific content attributes (from the Content tab) to be pasted.

              • Paste Select Presets - allows you to select only specific elements' preset attributes (from the Design tab) to be pasted, if the element has nested presets.