ConvertPlus - Fonts Spacing Display Issue

Hello,

I’m having trouble with the display of a modal popup on my site. Everything works fine on the editor, but on the website the fonts are condensed. Here’s how they look on the editor https://www.screencast.com/t/phwKm0v7 but here’s how it displays live on the website https://www.screencast.com/t/kNBUclHI it’s almost unreadable. We tried contacting ConverPlus support for this issue but apperently they can’t help because we didn’t purchase the product from them.

Please advise on what we can do in this situation.

Thanks
Nada

Hello Nada,

Thanks for asking. :slight_smile:

Looking at the screenshots you have shared, I think ConvertPlus is not inheriting the proper CSS and that’s why there is a differential in font and spacing. Can you please share website URL for us to take a closer look?

Meanwhile, please make sure you are using the latest version of X Theme, Cornerstone or Pro Theme along with supported version of ConvertPlus. You can take a look at following article for relevant details:

Thanks.

Hello,

Thank you for your swift reply. Here’s the link in question https://blog.kyvio.com/attract-engage-online-course-audience/

I will check up with the updates as you suggested, and will notify you if it works out.

Thanks,

Nada

Hi Nada,

The problem is that looks like you set this CSS in the theme options:

h2, .h2 {
    letter-spacing: -0.035em;
}

To override this style for your modal, you can add this CSS code to (Theme Options > CSS):

.cp-modal-body * {
    letter-spacing: initial;
}

Thanks.

1 Like

It worked thank you Alaa!

You are welcome :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.