Where can I edit the size of a CTA?

Last updated: January 9, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

To adjust the sizing of a HubSpot Custom Button CTA:

  • Navigate in your HubSpot Marketing portal to Content Calls to Action.
  • Locate the CTA you wish to edit, click the gear button next to it and select Edit

  • Click on the Design tab.
  • If "Set automatically" is checked, you can change the size of your CTA by highlighting the text in the text editor on the right-hand side and clicking Style > Text Size > select a text size. 
  • To manually change the size of the CTA to a fixed width and height, uncheck "Set automatically" and edit the Width and Height fields to the width and height you would like.

  • Click Update CTA.

To have the CTA fill the entire width of its container or module, after you have designed your Custom Button CTA:

  • Uncheck "Size automatically" from the Design tab
  • Click "Customize CSS"
  • Copy the Auto Generated CSS into the Custom CSS box
  • Width and height are set on lines 12 and 13 (if "size automatically" is unchecked in the design tab). Set width:100%;
  • Click Update CTA.

Having Custom CSS overrides the Design tab. If you'd like to make changes to the CTA, click "reset to default" from the CSS tab, make edits, repeat the steps above.

If you are embedding an Image CTA on your non-HubSpot site, you may need to apply additional CSS declarations (such as width: 100%;) within your stylesheet to make the image CTA responsive.