Lead Capture Tools

shangilhuley
Membre

CTA wont center embedded on external website

I'm having trouble centering embedded CTAs on our website in wordpress. We have button styling in our theme, but we can align them any way we want on the page using the WYSIWYG no problem. I embedded a hubspot CTA on this page: https://memoryblue.com/inside-sales-careers/ and have (in hubspot) given the CTA the same class name as our current button styling on wordpress. I have also put in the button styling code in the custom css editor. No matter what I do, what HTML I add around the hubspot CTA code, it will not move from being left aligned. It displays with the correct styling, but wont move from its location.

 

Here are other examples of the same issue across the site:

https://memoryblue.com/home/resources/ebook-3-reasons-tech-sales-is-your-career-launch-pad/

 

https://memoryblue.com/home/resources/ebook-8-principles-of-effective-prospecting/

 

 

 

0 Votes
2 Réponses
JHendrix17
Membre

CTA wont center embedded on external website

Hey @DanielSanchez 

 

I applied this to our CSS and also tried our "Additional CSS" section under Appearance > Customize.  It isn't working for us.  Can you provide more information or a step by step specific on how to implement your suggested edit so it works for us?  Thank you!

0 Votes
DanielSanchez
Conseiller clé | Partenaire solutions Platinum
Conseiller clé | Partenaire solutions Platinum

CTA wont center embedded on external website

Hi @shangilhuley ,

 

To center HubSpot CTA in your link, add this code in your CSS:

span.hs-cta-wrapper {
    display: block;
    margin: 0 auto;
    width: fit-content;
}

 

Look:

DanielSanchez_0-1642081160281.png

 

Did this post help solve your problem? If so, please mark it as a solution.

 

Best! 🙂