Make new CTAs customizable via CSS Sheet

Hey there,

we are looking for an option to make a new CTA customizable via CSS Sheets or similar options, as we have the problem that new CTAs with a responsive layout and picture won’t fully appear on a small screen.

We would love y’all’s support for that idea.

Hey there,

Absolutely, making your CTAs customizable via CSS is a smart move! It gives you more control over how they look, especially on smaller screens. Here’s a quick guide:

Add Custom CSS: In your HubSpot CTA editor, you can add a class like “custom-cta”.

Write CSS Styles: Create a CSS file where you define styles for your custom class, including adjustments for smaller screens.

Link CSS File: Make sure to link this CSS file to your pages or templates.

Test and Tweak: Check how your CTAs look on different devices and tweak the styles as needed.

Remember to keep things simple, test thoroughly, and you’ll have awesome CTAs that work beautifully across all screens.

Hey @Salpha ,
thank you for your reply but as far as I know, and as well as our customer success manager and the hubspot support said, this is only possible for CTA legacy and not for the new CTAs. As CTA legacy is about to end this year, we need this function with the new CTAs.

Please let me know if I am wrong and there is still an option for the new CTAs. I can’t find any space with the new CTAs to add a class like ‘custom-cta’, sorry.