Why are HubSpot CTA buttons rendered as images in the source code?

[mdenning]

Hi, when looking at the CTA's source code, I see that it is rendered as a PNG image. For example, the code looks something like this:

<a href=""><img src=""></a>

Currently we're going through a bit of a branding update and we're looking to change our button color. However, when I add a custom CSS class to the CTA editor, I don't see the class added in the source code. We have over 500 buttons on our website so I'd prefer to not have to update each one manually by changing the code in the Custom CSS field. Additionally, the CTA is rendered as an image so even if adding a Custom CSS class worked it still wouldn't be able to change the look of the image.

I'm hoping there is a way to change the CTAs to a non-image link and add a custom class so I can easily change them again in the future all at once. Appreciate any insight, thanks.

[GRajput]

Hi @mdenning 

Which type of CTA are you using and is this issue in emails or lp's? This happens when you use legacy CTAs in emails.

Thanks!

[mdenning]

Hi Gaurav, these are buttons we create for our blog, landing pages, and emails. They are created with the legacy CTA editor and the button style is "Simple" with custom CSS.

Images created with the new CTA editor (Start from scratch --> Embedded Button) are also rendered as images in the source code. There is no field to enter a custom CSS class with this option either.

[GRajput]

Hi @mdenning 

Thanks for providing the info. I tried but was unable to replicate this issue. Not sure but it may happen because you are using legacy CTA. The only option I can see to update the CTA styles by changing styles in the CTA editor.

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!