Call to Action - Line Height issue on mobile view

[kirk74]

I am using the CTA and in vertical mobile view two of the text paragraphs get split into two.

I have made an alternatvie section so that I can control where it splits, but there is a default line height that is way too big. And I can’t find the CSS to overide this.

This is the code, you can see I have tried to fix it with CSS, but the line-height instruction is being ignored:

Special Offer - 1 month unlimited classes for $99<br><span style="font-size:13px;  line-height:15px !important;" >*For new and existing clients, once-off only <br>per client, payable in advance.</span><br><span style="font-size:20px; line-height:22px !important;">Can be purchased in our <br>Mind Body section.</span>

Screenshot shows how the last 2 paragraphs have a big gaps between the lines:

Thx so much.

[kirk74]

I solved this, if anyone needs to know … it was the tags that were adding extra line height… when I changed to this it was fine:
<p class="text" style="font-size: 36px;">Special Offer - 1 month unlimited classes for $99</p> <p style="font-size:13px;line-height:18px !important; margin-top:0px;">*For new and existing clients, once-off only <br>per client, payable in advance.</p> <p style="font-size:20px;line-height:22px !important">Can be purchased in our <br>Mind Body section.</p>

[basanta]

Glad to know you fixed it!
Thanks for informing us.