I have attached a screenshot of my HubSpot popup CTA for your reference. I am trying to add custom CSS to this popup to customize its styling.
I attempted to add the custom CSS by editing the page, navigating to Settings → Advanced options, and adding the CSS in the Header HTML section. However, the CSS changes are not reflecting on the frontend of the HubSpot CTA popup.
Could you please guide me on how to correctly add custom CSS to the HubSpot popup CTA? I would appreciate any assistance or steps you can provide to help me achieve this.
Hi @KPatel658,
Thank you so much for posting to the Community!
I understand that you are wanting to use CSS to customize the styling of a pop-up CTA.
I’d like to tag in some of our Top Contributors to take a look here.
Hi @ChristinaKay@Crystal_Hopper and @ScottPennwood! I hope you all are having a great Tuesday. Do you have any ideas on how to use CSS to customize the styling of a CTA?
Thank you!
Cassie, Community Manager
Hi, custom CSS for HubSpot popups usually needs to be added in your site’s main stylesheet or via HubSpot’s Design Tools, since inline header CSS often won’t override popup styles. Try targeting the popup’s specific class/ID with higher specificity .
