Module/Column/Row Settings
There are few different options available to managing the display of Modules (and/or Columns). These include Visibility/Hidden, Padding/Margin and Custom CSS Classes. See instruction below on how to modify one or all of these.
Hide a Module/Column
- First thing to note is if your module has a Blue Border Box
- If yes, you will hide the Column
- If No, you will hide the Module
- Click the Column Icon or Module Settings Icon (based on item #1)
- Go to the Advanced Tab
- Under Visibility, locate the Display dropdown
- Select display Never to hide the module/column
Adjust Padding/Margin
In some cases, you may need to create space between sections/modules. The best way to do this is to add Padding/Margin to one or more of those items. Keep in mind that you may need to add/remove the padding/margin amount for each responsive size – including Desktop, Tablet and Mobile.
- Click the Column Icon or Module Settings Icon
- Go to the Advanced Tab
- Locate the Padding and/or Margin section
- Enter your desired amount for the desired position (Left, Right, Top, Bottom)
- Click the Computer Icon to the left, this will switch the module to Tablet size – follow the instructions from step #4 again to modify the Tablet settings, then repeat step #5 again to modify the Mobile settings.
Add a Custom CSS Class
In some cases, you may need to add a Custom CSS Class to the Module.
- Click the Module Settings Icon
- Go to the Advanced Tab
- Locate the HTML Element section
- In the Class field, enter the CSS Class provided