Navigation
Archive / Adding a widget as a pop-up (Page 2)
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • March 1, 2017 at 4:46 am #1390040
    neilandroid
    Participant

    Thank you very much, that has worked.

    How do I go about altering the size of the lightbox that opens up? It currently looks like ScreenShot 1 (attached), is there a way I can limit it to the actual size of the content (like in ScreenShot2)?

    Thanks

    March 1, 2017 at 6:15 am #1390139
    Paul R
    Moderator

    Hi,

    Can you provide us your ftp login in private reply so we can take a closer look.

    Thanks

    March 1, 2017 at 7:05 am #1390206
    neilandroid
    Participant
    This reply has been marked as private.
    March 1, 2017 at 3:47 pm #1390961
    Rad
    Moderator
    This reply has been marked as private.
    March 1, 2017 at 4:09 pm #1390988
    neilandroid
    Participant

    Thanks, but that doesn’t appear to have done anything.
    I had previously placed a version of the widget in my header area to have a look and it doesn’t occupy as much space as it does within the lightbox (where it appears full-width and takes up most of the visible screen)

    March 2, 2017 at 12:43 am #1391477
    Rad
    Moderator

    Hi there,

    Because it’s not added, where did you add it? I went ahead and added it. Please check now.

    Thanks!

    March 2, 2017 at 4:08 am #1391625
    neilandroid
    Participant

    I’d added it in the custom CSS, but it didn’t change anything on the preview! I can see the change now, thanks.
    Ideally, I was hoping to make the lightbox smaller, rather than the widget bigger; but what you’ve done is definitely an improvement.
    On mobile view, the top of the widget is cropped off (please see attached) – how would I increase the padding to stop this happening?

    March 2, 2017 at 6:18 am #1391729
    Paul R
    Moderator

    Hi,

    I made the pop-up as inline by changing your code to this.

    
<div class="custommailto"><a class="x-btn custom-btn" href="#my-content" data-type="inline">BOOK A TABLE</a><?php echo do_shortcode('[x_lightbox selector=".custom-btn"]'); ?>
<div id="my-content" style="display:none;">
<script type="text/javascript" src="//www.opentable.co.uk/widget/reservation/loader?rid=127311&domain=couk&type=standard&theme=standard&lang=en&overlay=false&iframe=true"></script>
</div>
</div>

    Kindly check in your end.

    Thanks

    March 2, 2017 at 7:15 am #1391772
    neilandroid
    Participant

    Absolutely perfect, thank you very much for your help.

    March 2, 2017 at 7:22 am #1391778
    Joao
    Moderator

    Glad to hear it,

    Cheers

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-1387542 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>