Creative CTA interaction text height overflow

[skndal]

Hi there,

I’d like to know how I can get the Creative CTA element in Cornerstone/Pro to automatically adjust its height to the contents of the text. I’m implementing something where the Primary Text fields contain very little text, but the Interaction Text has a lot more content.

Because the Interaction Text has position:absolute; in CSS even when I set height: auto; for the CTA element, it doesn’t adjust its height to accommodate the extra content in the Interaction Text. As a result, when hovering over the element, the content overflows but is cropped out of view.

How can I make the Creative CTA adjust its height to the Interaction Text content?

Thank you!

[rad]

Hi Meng,

Thanks for reaching out.

CTA is not the same as columns and rows where it expands based on the amount of content. The entire size of the CTA is decided by the amount of content of its front texts. For that, I recommend utilizing the height option of CTA element, like in this screenshot

The position:absolute; is required, it’s the CSS that makes front and back aligned together. That’s why it shouldn’t be treated as standard containers.

Thanks!