Skip to main content
How to Adjust Padding Across All Modules

Using the Extend Styles to adjust the padding of all modules in the same page

Updated over a week ago

Sometimes, we need to adjust the padding on all modules on the same page, and thanks to Divi's Extend Styles feature, we can do that with a few clicks.

To use the Extend Styles, first set the padding values for one of the modules on your page. In this example, I will be using the Text Module to set a custom padding that ultimately will be used across all the modules on the same page:

  1. Open one of the modules in the page layout

  2. Go to Design Tab β†’ Spacing β†’ Padding

  3. Set the Top and Bottom Padding Values

    Text module - Set padding values

    ​

  4. Right-click on the Padding option's text

  5. Choose the Extend Padding option

    Text module - Use the Extend Padding option

  6. Choose the values for the To option and the Throughout option

    1. To - Indicates which module the custom padding should apply to. By default, the option selected is All Text, meaning the custom padding will be extended to all text modules within the current page.
      ​
      If we need to extend this padding to all the modules within the same page, we can choose All modules option:

      Choose to which module the new padding value should apply
    2. Throughout - Indicates the location of the module selected for the To option, and it includes:

      1. This Page - Applies the custom padding to the module selected in the To field on the whole page - it doesn't matter if a module is in a separate row or section

      2. This Section - Applies the custom padding to the modules within the same section, regardless of the module's type.

      3. This Row - Applies the custom padding to the modules within the same row, regardless of the module's type.

      4. This column - Applies the custom padding to the modules within the same column, regardless of the module's type.

Did this answer your question?