Marketplace
Important! This documentation is old, and a lot has changed in HubSpot since we released Act version 1. If you are still using Act version 1 we recommend saving these pages for later reference. This documentation will be deleted soon.

How to remove the default formatting from modules in sidebar

By default, all modules in the flexible sidebars are wrapped in a <div> element with the class module-wrapper. This element has some pre-defined spacing and a border that separates two or more modules. To remove this wrapper (including the spacing and borders), just follow the steps below:

1 Edit your flexible sidebar by clicking the gear icon, then Edit CSS Declarations:

act-theme-sidebar-edit-css

2 Next, delete the code inside this box:

act-theme-sidebar-module-wrapper

3 Don't forget to hit Done and Publish your changes.

Note: On the blog template, the module-wrapper class is manually added to each module in the sidebar. If you add a new module or group and want to keep the same separation and formatting, you can do so by applying the same class, module-wrapper, to your new module or group.