topic Re: Custom CSS for Pop Up CTA in CMS Development

Custom CSS for Pop Up CTA

iusmanabbasi — Wed, 04 Jan 2023 13:47:26 GMT

Hi there,

I am exploring HubSpot's new Pop Up CTAs. There are many customization options but to match the pop-up CTA design with the website's design language, I need to make a few CSS edits. E.g: I want to change the form Submit button's width.

Can anyone guide me in the right direction as to where I can add custom CSS?

Re: Custom CSS for Pop Up CTA

TomasK — Sun, 04 Jun 2023 18:03:01 GMT

Hi, I'm looking for the exact same thing. Styling was possible on the legacy CTAs, but now this feature has been removed on the new CTAs, and it would be super helpful.

Also, the slide ins and pop ups look really bad on mobile, and it would be good to be able to edit in responsive mode.

Re: Custom CSS for Pop Up CTA

navroop — Fri, 14 Jul 2023 14:28:41 GMT

This would be helpful for me as well in helping to solve for this issue: https://community.hubspot.com/t5/Lead-Capture-Tools/CTA-Beta-On-Submit-and-Display-of-Thank-You-Response-not/m-p/818812

Did anyone figure out how to override CSS for a CTA (beta) popup? I've more than got it all working for embeded forms, just not Popups.

Re: Custom CSS for Pop Up CTA

sergioschirmer — Tue, 09 Apr 2024 21:21:51 GMT

Seems like this issue remains unresolved.

Re: Custom CSS for Pop Up CTA

tony5280 — Sun, 09 Jun 2024 22:02:06 GMT

I thought I had this solved: https://community.hubspot.com/t5/CMS-Development/how-do-I-get-a-quot-hubspot-CTA-quot-to-adopt-my-theme-s-CSS/td-p/980590

In dev, my pages and CTAs were coming from the same domain. Apparently after you attach a domain name, the CTAs still come from hs-sites.com and our forms are all garbage. So Bummed.