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:
Open one of the modules in the page layout
Go to Design Tab → Spacing → Padding
Set the Top and Bottom Padding Values
Right-click on the Padding option's text
Choose the Extend Padding option
Choose the values for the To option and the Throughout option
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:
Throughout - Indicates the location of the module selected for the To option, and it includes:
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
This Section - Applies the custom padding to the modules within the same section, regardless of the module's type.
This Row - Applies the custom padding to the modules within the same row, regardless of the module's type.
This column - Applies the custom padding to the modules within the same column, regardless of the module's type.