Call to action button looking cropped

Develop, Build & Integrate CMS Development
1

Hi,

I’m having a problem with a call to action button. It seems to crop on the right hand side of the lozenge as shown below:

MaryDB_0-1669045570548.png
MaryDB_0-1669045570548.png740×191 32.3 KB

This is the source code i’m using:

<span style=“font-family: FilsonPro, Arial, Helvetica, sans-serif; color: #471c35;”><strong>Register for the embodied carbon webinar</strong></span>

This is the custom CSS:

Advanced button style:
background-color: rgba(0,0,0,0.0);
border: 3px solid rgba(71,28,53,1);
border-radius: 30px;
color: rgba(71,28,53,0);
padding: 12px 25px;

Anyone out there that can help!

2

Hi, @MaryDB :waving_hand: Thanks for reaching out. Can you link to a live example? There may be other styling causing a conflict, and it’s not possible to know with any certainty without more details.

Is this a CTA created in your portal? Or a custom button on a HubSpot hosted page? I ask because the term CTA is used in multiple ways and I want to be certain I understand — Create button calls-to-action (CTA)

Best,

Jaycee

3

Hi Jaycee,

Thanks for the reply.

Happy to share a live example: Edit Email | HubSpot

But you can only see the issue when it’s previewed.

It’s a custom call to action button created within the e-mail - I hope this gives you enough context. Stragely, I believe this is the first time it’s happening so keen to get to the bottom of it.

Look forward to hearing from you.

Best,

Mary

4

@Jaycee_Lewis - are you able to help with this? Be great to get it reslolved!

5

Hi @MaryDB

Can you please share page link which you used cta and you faced issue. so I’ll fix the css and give you css code.

sometimes others css are inheited with our css. so that’s why it’s taking some issue but if you shared with live page url then I’ll fix it