How to remove the default formatting from the 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.

HubSpot User Guides

You can explore and learn more about the HubSpot tools and features in the official HubSpot Academy.

HubSpot Academy | User Guides