Problems with modal windows "modal-onload.html"

Question

Hi. You have done a great job. Thank you very much. I bought the template and rebuilt it to my plan. Unfortunately, the "modal" html pages do not work as intended.
I thought it was my mistake. That's why I'm on the side of "envato market" to "live preview". There it does not work however as desired. I would like that the Modal window only closes over the Bottum (close this modal) or over the „x“ top right. But if I click below or above the text area, the window also closes. That's not wanted. Where can I change the code? How should I change the code? I have attached a screnvideo.
Greetings from Germany - Rainer

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible!

Simply find the following code inside the js/functions.js File:

$lightboxInlineEl.magnificPopup({
	type: 'inline',
	mainClass: 'mfp-no-margins mfp-fade',
	closeBtnInside: false,
	fixedContentPos: true,
	overflowY: 'scroll'
});

and add the closeOnBgClick: false, Setting to it. You can add this setting to other Function Blocks as well according to your needs.

This will definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

franz02 · Answer

Thank you for the quick help. Now everything works fine. You are exceptionally good !!! Friendly greetings from Germany.

Semicolon Web · Answer

Hello, Really Glad that your issues were resolved. Very Happy to Help! Do let us know if we can help you with anything else or if you find any further issues with Canvas.