Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 2, 2018 at 11:07 pm #1017244
    flordelizamejia

    Hello –

    First, this is an absolutely wonderful theme!!!
    I am trying to create a modal window and found this very helpful post: https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    After modifying it a bit, I was able to create the desired modal after a button click. But I can’t seem to center the white box in the window — I hope you can help.

    Here is my link: http://ridebdr.jameshowardhosting.com/mabdr-test/
    You will be able to see the modal window when you click on the button labeled “DOWNLOAD GPS TRACKS” under the map image.

    Any suggestions would be appreciated.

    Thank you in advance =)

    October 3, 2018 at 12:22 am #1017250
    Jordan Shannon

    Hey flordelizamejia,

    Add this to quick css:

    .mfp-inline-holder .mfp-content{
width:unset!important;
}

    Best regards,
    Jordan Shannon

    October 3, 2018 at 3:20 pm #1017545
    flordelizamejia

    Thank you Jordan! The support here is amazing.

    This worked like a charm =)

    October 3, 2018 at 7:34 pm #1017587
    flordelizamejia

    Hi again – I have one quick question.

    Right now, the popup works because I have the class (open-popup-link) and link (#gps-track-disclaimer-popup) in a button element via Code Block. Example below:
    <div class=”avia-button-wrap avia-button-left avia-builder-el-6 el_after_av_hr el_before_av_button “><span class=”avia_iconbox_title”>DOWNLOAD <br>GPS TRACKS</span></div>

    But is there a way to use the actual “button” in the layout builder?

    October 4, 2018 at 8:53 am #1017768
    Nikko

    Hi flordelizamejia,

    Yes, I think that is still possible with few modifications, first make sure to enable Custom CSS Classes by checking Show element options for developers located in Enfold > Layout Builder.
    Then edit the button and set Button Link to #gps-track-disclaimer-popup then in Custom Css Class add the open-popup-link2 then in your functions.php find this code that you have added:

    jQuery('.open-popup-link').magnificPopup({

    and replace it with:

    jQuery('.open-popup-link, .open-popup-link2 > a').magnificPopup({

    Let us know if this helps.

    Best regards,
    Nikko

    October 5, 2018 at 8:59 pm #1018354
    flordelizamejia

    thank you!
    I will keep this solution in mind =)

    October 6, 2018 at 7:22 am #1018440
    Rikard

    Hi,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 8, 2018 at 3:18 pm #1019000
    flordelizamejia

    HI Rikard –
    you can close the ticket. thank you again!

    October 8, 2018 at 4:29 pm #1019040
    Jordan Shannon

    Hi,

    I’m glad you were get help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Center lightbox in window’ is closed to new replies.