Setting the designer to the full-size of the lightbox

Modified on Thu, 10 Dec 2020 at 11:58 AM

If you want to have the product designer to stretch to the full-size when using it in a lightbox as in this example, you can easily achieve that with some CSS tweaks.

.fpd-modal-product-designer.fpd-modal-overlay>.fpd-modal-wrapper {
 padding: 60px 0 0 !important;
.fpd-modal-wrapper > .fpd-container {
height: 100% !important;
.fpd-modal-product-designer .fpd-done {
    position: absolute;
    top: 0;
    left: 10px;
.fpd-modal-product-designer .fpd-modal-price{

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article