Inline POPUP Enabler – popup backcground opacity and color

Hi,
Thank you for your patience and the link to the GitHub project, I first noticed that the project has an option to define a button on line 72 by adding the attribute to the shortcode like this:
[mfp_post_popup post_slug_id="3460" popup_id="1" link_text="Popup Button" button="true"]
in the project on line 105 you will see it has an image attribute image_link so it will allow an image like this:
[mfp_post_popup post_slug_id="3460" popup_id="2" link_text="" image_link="/wp-content/uploads/2015/07/portfolio-2-2-260x185.jpg"]
notice the link_text=”” is empty for the image, without the empty attribute the default is “Click Me”

Now considering that your goal is:

to create a portfolio page style by clicking on the image from the main page, then loading the pop-up window in which more detailed information is shown as a scrolling popup window.

I tested this GitHub project on some portfolio items and found that full width elements break it and display some the target page below the footer on the trigger page, it works fine if the target page has no full width elements.

If you are going to have full width elements on the target page why not just use a button or image with ?iframe=true in the link?

you could use css like this to make the lightbox larger:

.mfp-iframe-scaler {
    width: 100% !important;
    max-width: 100% !important;
    height: 300vh !important;
    max-height: 300vh !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 90vw!important
}

and use the theme options to hide the footer and header on the target page:

So since you want to create a grid of images that link to pages that show in a lightbox, I don’t see an advantage to using this GitHub project to create a grid of shortcodes when you could use the image elements to do it without errors.
Another built-in option would be to use the portfolio ajax, true it’s not a lightbox but it loads the content on the same page.

For the example page you linked to, I didn’t find any lightbox popups on it, each grid image that I clicked loaded a new page, perhaps you meant to link to a different page.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike