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.