Navigation
Archive / Open HTML content on a lightbox
This is archived content. Visit our new forum.
  • Author
    Posts
  • November 11, 2014 at 10:01 pm #143013

    mtsdesigns
    Participant

    Hi,
    First of all, Great theme! this is already my second license 🙂

    My question: Is there a way to open html content on a lightbox? not just an image, but an actual block of html content.
    Or maybe is there a plug-in or script to open html content as a pop-up like lightbox?

    Thank you!

    November 12, 2014 at 8:22 am #143326

    Kosher K
    Member

    Hi There,

    You can Add the full url of HTML as the link of lightbox.

    Try this

    [button class="btn-lightbox" href="https://youriste.com/file.html"]Open Me[/button]
[lightbox selector=".btn-lightbox"]

    Replace https://youriste.com/file.html with the URL of your HTML file.

    Cheers

    November 12, 2014 at 12:05 pm #143527

    mtsdesigns
    Participant
    This reply has been marked as private.
    November 12, 2014 at 12:06 pm #143529

    mtsdesigns
    Participant
    This reply has been marked as private.
    November 12, 2014 at 8:31 pm #143935

    Christian
    Moderator

    Hey there,

    Please add a class to your <a> tag like <a class="lightbox">. Then, use the lightbox shortcode below.

    [lightbox selector=".lightbox"]

    Hope that helps. 🙂

    November 12, 2014 at 9:42 pm #143965

    mtsdesigns
    Participant

    OMG that worked perfectly.

    One last question, Can I specify the size of the lightbox?

    Thanks, great support.

    November 13, 2014 at 7:55 am #144260

    Rubin
    Keymaster

    Hey There,

    I would not recommend setting a fixed size for the lightbox since currently it’s based on the screen size so you’re not running in troubles when someone views your site on smaller devices. What fixed size do you have in mind?

    November 13, 2014 at 9:51 pm #144838

    mtsdesigns
    Participant

    Just a little smaller than the screen, because people might not notice its a pop-up and tend to click the “back” button on the browser. I would say 80% of the with of the screen or less.

    November 14, 2014 at 11:46 am #145227

    Zeshan
    Member

    Hi there,

    Thank you for writing in!

    As mentioned in our previous response, we do not recommend this as the lightbox adjusts it’s size according to the screen size. And if we provide you overrides, it could mess up the lightbox styling on different screen sizes. However if you want a proper solution, it could require some jQuery and CSS work that will be outside the scope of support we can offer. You may wish to consult a developer, or a service like WerkPress or Elto to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding. Take care!

  • Author
    Posts