In the content editor, you can edit module styling options, such as margins and padding, on the Styles tab of the sidebar editor. Available style options for custom modules and themes are set by the developer who created the module. Learn more about module and theme style options in our developer documentation.
Please note: older modules may contain deprecated styles, which are no longer available on new modules and templates. Deprecated styles can still be edited on the Styles tab, but will be removed from the module if cleared.
Customize styles for a default or custom module
You can customize styling options such as alignment, spacing, and colors on the Styles tab. The available style options for custom modules are set by your developer in the design manager. Learn more about style options for custom modules in our developer documentation.
Navigate to your content:
Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
Hover over your content and click Edit.
In the content editor, click a module to edit it.
In the sidebar editor, click the Styles tab.
To adjust the module's spacing, select Padding or Margin, then enter pixel values in the fields. Select the Apply to all sides checkbox to apply the same margins or padding to all sides of the module.
Customize the borders, fonts, or colors available for your module.
Customize style options from a starter or theme template