Modal Popup in Convert Plus not displaying correctly

[oscarbnihrane]

Hello Support,

I’m using Convert Plus to make my modal popup, however the modal popup does not show correctly when in the frontend. If you go in incognito you will see, that it looks like the buttom picture. When in the backend, it looks like the top picture which is how it should look. Is there any way to troubleshoot this?

I would like to disable the space between the upper text. Thanks

[tristup]

Hi Oscar,

Thanks for reaching out.
It seems the problem with the line-height attribute value. It can be set through the option shown in the given screenshot or else you can add the following custom CSS code into the Theme Options > CSS to get rid of this issue.

.cp-direct-download .cp-title, .cp-direct-download h2.cp-title
{
    line-height: 32.16px;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[oscarbnihrane]

hello @tristup

If you look in the backend, the modal popup looks fine, which is why adjusting the line height didn’t work (it already has the line height it needs in the backend). If you go to incognito window and look up my website, the modal popup will display with a bigger difference between the text. the custom code also didn’t work. Any way to troubleshoot this?

[prakash_s]

Hello @oscarbnihrane,

I am another staff, I tried to access your site. It seems that your site is down. Please recheck and let us know when it is working. Please have a look at the given screenshot in the secure note.

Thanks

[oscarbnihrane]

hello. It’s up again:)

[ruenel]

Hey Oscar,

I have logged in to your site and compared side by side the frontend and the backend look of the modal and this is what I’ve got:

You have installed Autoptimize and WP Rocket plugin. Please clear your plugin cache, your browser cache or use private browsing mode and test your site again.

[oscarbnihrane]

Hello,

That is the problem. The line space in the bold text is smaller when in the backend, which is how I’d like it to look in the frontend as well. On smaller screens, the line space causes trouble, which is why I’d like the frontend to have the same small line space between the bold text like there is in the backend.
See the images below. Is there any way to troubleshoot this, and does my question make sense?

NOT HOW IT SHOULD LOOK

HOW IT SHOULD LOOK ALSO IN THE FRONTEND

[christian]

Hey Oscar,

I believe you missed what Ruenel said. He said the cause of the problem is the Autoptimize and WP Rocket plugins. Please clear the caches in those plugins and deactivate them then see if the issue is resolved.

If clearing caches and deactivating 3rd party plugins doesn’t help, please keep them deactivate temporarily while we investigate.

Thanks.

[oscarbnihrane]

I troubleshooted WP rocket and it worked. Thanks!

[marc_a]

Hi Oscar,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.