Unknown Margins in Modal Full Screen

[vdvortsov]

Hi there.
I have a little problem with modal window with full width and full hight. There is a close button that has margin i can’t to hide. See the

screenshot

I need to fill all spaces of modal with my content without any margins (and to have a left close button). But after updated to pro v5 and later (from v3) there are new css classes and i can’t find solution in inspector.
In Pro v3 these were classes like .e17429-6.x-modal .x-modal-content-inner (i could use simple trick like padding: 0px and here we are). But v5 looks like absolutely new.

So please help. What css class is about this margins?

[tristup]

Hi @vdvortsov,

Thanks for reaching out.
Sometimes only a screenshot does not help us to recognize the problem you are having. We need to examine your site to get the cause of the issue.
I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: I have checked the website listed in your Themeco Account but didn’t find any such issue you described.

Thanks

[vdvortsov]

Oh, i’m testing new design for my site on local pc with mamp. How i can help you to understand what i want to set?

I recorded a simple example of what i’m doing https://youtu.be/6FDWtxxZP_I May be it’ll help.

[tristup]

Hi @vdvortsov,

It is very difficult to recognize the problem without investigating it. Still, I guess by seeing the video, it might be due to the padding and width of the Modal element which is the reason behind that space. And please remember that the content area will be expanded up to the cross button not more than that.

NOTE: If you set Close Size to 0px, it might grow more but the Cross button will disappear in that case.

Hope it helps.
Thanks

[vdvortsov]

Yes, you recognised it correctly. Thank you. But what if i must have full screen image in modal window, for example? Right now it looks like we always have padding cause of close button area. Pro v3 had an css option to delete all paddings and close button was above all layers.

Or may be if i set Button Size to 0px, how to close modal window?)

[tristup]

Hi @vdvortsov,

In that case, you need to add a button or icon element into the Modal as content and add a custom attribute to that data-x-toggle-close with the value set 1. Which will act as the close button of the Modal.

Hope it helps.
Thanks

[vdvortsov]

Wow! Absolutely amazing.

Thank you!

[ruenel]

We are always glad to help @vdvortsov!