Docs

[Paula C]

Hi. I see you all responding quickly in the forum so I’m not sure what happened to my previous post but…

I’m wanting to place an inline HTML page into the lightbox so that when you click an image the lightbox opens as inline content (forced re-size or not) just like the ilightbox demo at http://ilightbox.net/index.html#advanced_images.

My linked URL goes to a page with HTML (Using the existing page template with blank/no container/no header/no footer…I’ve also tried WITH container). Unfortunately, the HTML page comes out too wide inside the lightbox and viewer can’t get back to the original source picture/page (other than clicking the x at the top left corner which is not the best option IMHO). The viewer should be able to easily click through anywhere on the side of the lightbox and return to the original page they came from. It works fine when I insert a picture…just not a page.

I believe this might be easy if you could share 1 of 2 things…

1) Direct me how to change the size inside css or html of the Page itself in order to produce the HTML inline content ‘standard’ or ‘forced size’ version 720 x 360′ exactly like the iLightbox demo. (The ilightbox plugin does not show up in my X Theme active plugins nor in my downloaded folder for plugins. I went to the documentation deep in the forum at Code Canyon/Themeforest but nothing describes exactly how to do this in the plugin’s documentation.)

2) Simply change the width of the page that shows up inside the lightbox without changing the width of all pages across my site?

Here’s the test page with the html inline content inside the lightbox as it is now. http://getyourpaintpartyon.com/page#

Thanks in advance for any help you can give me on this…

OH…and LOVE this theme!

p.s. Sorry for the Repost but I posted this on 3/22 with no response from Support (see post here http://theme.co/x/member/forums/topic/resizing-pageshtml-inside-lightbox/ ). IV’e also posted on iLightbox forum no response there either and their support looks like it could take weeks for a very cryptic response. I would think this would involve a simple resize of the Page somewhere but am simply not that sophisticated – with code anyway ;-).

If I have to, I’m ready to purchase another lightbox plugin…so ANY guidance would be great here. HELP.

[Support]

Hello!

We really like to help you but we don’t have access to the plugin and unfortunately we don’t support third party plugins. Please contact the plugin author or read any documentations included on the plugin.

Please try this on Customizer > Custom > CSS to resize the container:

ilightbox-noscroll .x-container-fluid.max {
    max-width: 720px !important;
}

ilightbox-noscroll .x-column.one-third {
    width: 26%;
}

Regards,
Ismael

[Paula C]

Unfortunately, your CSS didn’t do the trick. Thanks for trying…
FYI- It appears from the forum that the plugin author doesn’t seem to respond to questions from folks who haven’t bought the plugin directly.

[Support]

Hey!

I’m sorry there is a missing dot/period. Please try this one. This should force the container to adjust to a certain width:

.ilightbox-noscroll .x-container-fluid.max {
    max-width: 720px !important;
}

.ilightbox-noscroll .x-column.one-third {
    width: 26% !important;
}

[Author]

Posts