Full Screen Popup

Hi @leraptor2,

You would need to use some custom CSS to make this happen.
In popup Design tab you can enable Custom CSS and add this code to increase the popup size:

.hustle-modal.hustle-modal-static,
.hustle-modal .hustle-modal-body {
    max-width: 100%;
    height: 100vh;
}

And then use these selectors to limit the size of content and footer inside the popup:

.hustle-modal .hustle-modal-body section
.hustle-modal .hustle-modal-body footer

Hope this helps ??

Cheers,
Predrag

Thanks Predrag. I’m generally having troubles fitting the featured picture inside Hustle. Is that something that will be improved?

How can I use the selectors? Do I need to add them to the custom css as well?

Hello @leraptor2

Thanks Predrag. I’m generally having troubles fitting the featured picture inside Hustle. Is that something that will be improved?

Is there a page where we can see that in action?
And what exactly are you trying to accomplish there?

How can I use the selectors? Do I need to add them to the custom css as well?

Exactly, you should add these with some rules like:

.hustle-modal .hustle-modal-body section {
  width: 80%;
  margin: auto 10%;
}
.hustle-modal .hustle-modal-body footer {
  width: 50%;
  margin: auto 25%;
}

Warm regards,
Dimitris

Hello @leraptor2

It’s been a while since we’ve heard back from you, so I’m marking this topic as resolved. Feel free to post back any updates and we can re-open it and carry on troubleshooting. ??

Take care,
Dimitris