Skip to content

Center an image, CTA (legacy), or logo in an email or page

Last updated: January 29, 2024

Available with any of the following subscriptions, except where noted:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

If you're using layout templates created in the design manager tool, center an image, CTA (legacy), or logo module on your page, blog, or email, by adding inline styling to your template.

If you're using a template that includes a drag and drop area, you can center module alignment within the content editor. You can also center modules in the page editor using horizontal spacers. 

Center an image, CTA (legacy), or logo with inline styling 

Please note:

 

To center an image, CTA (legacy), or logo in an email or page template:

  • Within your layout template, click the logo, call to action, or image module to select it in the inspector.
  • In the Inline Styling field, add the CSS text-align: center; 

 
  • In the upper right, click Publish changes to apply your changes to this template.
  • Then, return to the content editor and refresh your web browser to populate the changes to your template. Your content in this module will now be centered on your page, blog, or email.

Center an image, CTA (legacy), or logo from your module's styling options

If you're using a template with a drag and drop area, in certain modules or sections, you can choose to set the alignment directly. Although, do note that this styling option may not be available on all templates or modules. 

  • To center your page modules:
    • In your HubSpot account, navigate to your landing pages, website page, or blog post.
    • Hover over your page or blog post, then click Edit.
    • In the page editor, click on the module that you want to center. 
    • In the left panel, click the Styles tab.
    • Click to expand the Alignment and spacing
    • Under Alignment, select the Center alignment. 

 

  • To center your email modules: 
    • In your HubSpot account, navigate to Marketing > Email.
    • Hover over your page or blog post, then click Edit.
    • Click on the module that you want to center. 
    • In the left panel, click the Alignment dropdown menu and select Center

 

Center an image, CTA (legacy), or logo using horizontal spacers

If the module you're using does not have alignment options, from the page editor, you can add horizontal spacers to your page to center modules instead. 

Please note: the horizontal spacer module is not available with Starter templates.

To center your module using a horizontal spacer: 

 
 

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.