Center an image, CTA, or logo in an email or page template
Last updated: October 13, 2020
To center an image, CTA, or logo module on your page, blog, or email, add some inline styling to your template in the design manager tool. These instructions apply to layout templates created in the design manager tool.
If you're using a template that includes a drag and drop area, you can center module alignment within the page editor.
Please note: this method requires a basic understanding of HTML.
- In your HubSpot account, navigate to your landing pages, website page, blog post, or email dashboard.
- Hover over your page, blog post, or email, then click Edit.
- At the top of the content editor, click the Settings tab. Then scroll down and click Advanced Options.
- In the Template section, hover over the template thumbnail preview and click Edit template. This action will open your template in the layout editor in a new tab or window.
- 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 following CSS:
text-align:center;

- Click Publish changes in the upper right to apply your changes to this template.
- Then return to the content editor and refresh refresh your web browser to populate the changes to your template. Your content in this module will now be centered in your page, blog, or email.
Related content
-
Partition your HubSpot assets
Assets across HubSpot can be partitioned so that only the right teams and users can view and edit them. This...
Knowledge Base -
Add videos to your HubSpot content
You can add HubSpot Video to rich text modules in your pages, blog posts, and knowledge base articles....
Knowledge Base -
Export your content and data
Learn how to export HubSpot content and data from your account, such as pages, contacts, and files. Please...
Knowledge Base