Help with Embedded HTML & CSS with new CTAs

[rmoore]

Hi. I saw a recent post in a forum announcing the launch of embedded HTML for CTAs. This is exactly what we need!I’m running into an issue that I wanted to see if anyone could assist with. The theme I have already has CTA button styling I’d love to mimic. However when I put these classes into the custom CSS classes field, nothing changes. I’m sure I’m doing something wrong (my skills aren’t where I want them to be

.)
Would someone be able to point me in the right direction to style CTAs I create with CSS styles already in my theme? The documentation I’ve reviewed doesn’t go in depth with this. Thanks in advance!

).Would someone be able to point me in the right direction to style CTAs I create with CSS styles already in my theme? The documentation I’ve reviewed doesn’t go in depth with this. Thanks in advance!

[paradummy]

Hi @rmoore
In the field “Custom CSS Classes” you have to enter the classes as you would in html (remove the . and ,). For the correct classes, you need to check which are used in your theme for the CTA / buttons. Try it with that (based on your screenshot):

btn hs-button

The middle selector “.btn-cta a” is nested (an “a” tag within any tag with the class “btn-cta”). If your css code relies on that nesting, you would need to manipulate the module where your cta is used and place it inside a div/span with the class “btn-cta”.

[rmoore]

This was a huge help, thank you!