How do I add custom styles to my CTA?

Last updated: February 8, 2018

Applies to:

Marketing Hub
Professional, Enterprise
Legacy Marketing Hub Basic

HubSpot’s advanced options for CTAs make it simple for you to create highly customized CTA buttons that fit perfectly with your website theme.

  • In your HubSpot Marketing Basic, Professional or Enterprise account, navigate to Content > Calls-to-Action
  • Click Create CTA at the upper right of the calls-to-action dashboard, or hover over an existing CTA and click Actions Edit.

  • In the modal window that slides in on the right, click Advanced options.

  • If you’d like to add a custom class to your CTA, the Custom CSS Class field supports custom class inputs. This is useful when multiple CTAs across your website pages need to share a similar set of design characteristics, such as font families, sizing, or even padding and margins. If you use a custom CSS class, ensure that the class is included and styled in the CSS stylesheet applied as the main style for your HubSpot pages.

  • In the Custom CSS field, you can apply inline styling specific to the CTA that’s being edited. If you have an element of the CTA you would like to change, add a new style declaration here before saving your changes.
  • Click Next at the bottom right to finish creating or editing your CTA.