Content centering

VIDEO: How to add Content Sections in Act Theme

Add one of the following classes to full-width modules or groups, to center your content in the page:

centered A centered wrapper, that uses your default content width.
centered-small A centered wrapper having a smaller width.
centered-smaller A narrow centered wrapper.
centered-300 A centered wrapper, that has an inner width of 300px.
centered-400 A centered wrapper, that has an inner width of 400px.
centered-500 A centered wrapper, that has an inner width of 500px.
centered-600 A centered wrapper, that has an inner width of 600px.
centered-700 A centered wrapper, that has an inner width of 700px.
centered-800 A centered wrapper, that has an inner width of 800px.
centered-900 A centered wrapper, that has an inner width of 900px.
centered-1000 A centered wrapper, that has an inner width of 1000px.
centered-1100 A centered wrapper, that has an inner width of 1100px.
centered-1200 A centered wrapper, that has an inner width of 1200px.
centered-1300 A centered wrapper, that has an inner width of 1300px.
centered-1400 A centered wrapper, that has an inner width of 1400px.
centered-1500 A centered wrapper, that has an inner width of 1500px.
centered-1600 A centered wrapper, that has an inner width of 1600px.

Note: For best results, please don't include a Centered element inside another, unless you remove its left and right padding. For better readibility on smaller screens, the centered wrapper has a small padding on the left and right sides.

HubSpot User Guides

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

HubSpot Academy | User Guides