Popup condition: link click

Extra: maybe by adding an class id field, when triggered, that it is opening the popup

Hello @mhagenaars,
Yes, that’s possible, you simply have to add the popup output for example #ct-popup-947 inside the button link option field.

Hope this helps.

Hello @creativethemeshq,

Thank you for your reply. That did the trick. Now I have something weird. When I am viewing the website on desktop, the content of the popup is blurry but not on my mobile.
You can view it here: Example.

You can click on ‘Vraag een proefrit aan’ or on ‘Offerte aanvragen’ to show the popup.

What can this be?

Correction:

It is also burry on my mobile.

Hi @mhagenaars,
As I can see everything looks fine, please see this video – https://d.pr/v/5U7Pyi
Also here is a video from my phone – https://www.dropbox.com/s/a07w379a8pwdyfr/RPReplay_Final1646839081.MP4?dl=0

Please record a video form your devices so I could see your result.

Wow so cool, you guys reply so fast.
See my video: here

Hey @mhagenaars,
We tested your site from different OS systems and browsers and seems this issue is more related to Chromium Windows browsers (Edge and Chrome).

In FireFox (Windows) everything looks fine.
Also on Mac OS, in all browsers everything including Edge and Chrome everything looks sharp.

Unfortunately we can’t do nothing here as this is a rendering process that is initiated from the browser.

We will try to investigate this issue more closer and hope we will be able to find an answer/solution.

Hope this clarifies everything.

Hello @creativethemeshq,

Are there any further updates on this issue with the Chromium browsers?

If I inspect the element with Chrome I can see at .ct-popup-inner

webkit-transform-style: preserve-3d;
}

When I disable this, everything looks sharp… Strange..
So now I changed it to:

.ct-popup-inner {
    -webkit-transform-style: flat!important;
}

• This reply was modified 2 years, 8 months ago by Miguel.
• This reply was modified 2 years, 8 months ago by Miguel.

Hello @mhagenaars,
We added this line of CSS because there are some edge cases when the content is not rendered correctly in some browsers, this CSS fixed that issue but brought another one that is also reproducing only in certain browsers ??

We will try to investigate this more closer now and hope we will be able to come with a better improvement in the next update.

By the way, because you are using the pro version – please use the support ticketing system from our site.

This forum is for free users only.

Thanks for understanding.