How do I add custom styles to my CTA?

Last updated: February 8, 2018

Applies to:

Marketing Hub
Basic, Professional, Enterprise

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.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.