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

  1. First thing to note is if your module has a Blue Border Box
    1. If yes, you will hide the Column
    2. If No, you will hide the Module
  2. Click the Column Icon or Module Settings Icon (based on item #1)
  3. Go to the Advanced Tab
  4. Under Visibility, locate the Display dropdown
  5. 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.

  1. Click the Column Icon or Module Settings Icon
  2. Go to the Advanced Tab
  3. Locate the Padding and/or Margin section
  4. Enter your desired amount for the desired position (Left, Right, Top, Bottom)
  5. 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.

  1. Click the Module Settings Icon
  2. Go to the Advanced Tab
  3. Locate the HTML Element section
  4. In the Class field, enter the CSS Class provided