Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 29, 2018 at 9:01 pm #904421
    scottvarga

    I have a button in our footer that launches a lightbox with our contact form page in it using the following code.

    [av_button label='START THE CONVERSATION' link='manually,https://www.rotatorcreative.com/home/contact-form?&preview=true/page?iframe=true' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' custom_class='opacity']

    The problem is that on every page that has a lightbox action in the page such as a video or image, the contact form shows up at the end of the lightbox items via the side arrows.

    If I get rid of this portion of code ?&preview=true/page?iframe=true’ it fixes the other pages but then the button in the footer goes to the page instead of putting it into a lightbox.

    Is there something I can put in the footer widget code above that would make it?

    Thanks

    January 30, 2018 at 10:08 pm #905178
    Basilis

    Hey Scott,

    Could we see such a page, so we can be able to understand the problem please?

    Best regards,
    Basilis

    January 30, 2018 at 10:13 pm #905182
    scottvarga

    Sure,

    Here are a couple of pages

    http://www.rotatorcreative.com/work/prairie-line-trail/
    halfway down the page both “WATCH VIDEO” images launch a light box and for some reason the form will also show up via the arrows

    http://www.rotatorcreative.com/work/
    Bottom red box will cycle through both contact forms

    Basically any page we launch a lightbox will cause the contact form to show up as an additional element accessed by the left and right arrows

    Thanks!

    • This reply was modified 6 years, 10 months ago by scottvarga.
    January 31, 2018 at 8:40 pm #905783
    Basilis

    Hi,

    Add to your CSS
    .mfp-arrow { display: none; }

    and it should be OK!

    Best regards,
    Basilis

    January 31, 2018 at 10:57 pm #905868
    scottvarga

    I added that to the Quick CSS field but it didn’t do anything?

    February 2, 2018 at 7:46 am #906689
    Ismael

    Hi,

    Please try to replace the “start the conversation” button markup or shortcode with this.

    
<div class="avia-button-wrap avia-button-left  opacity"><a data-rel="gallery-2" href="https://www.rotatorcreative.com/home/contact-form?&preview=true/page?iframe=true" class="avia-button   avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-left  mfp-iframe lightbox-added"><span class="avia_iconbox_title">START THE CONVERSATION</span></a></div>

    Best regards,
    Ismael

    February 2, 2018 at 7:02 pm #906965
    scottvarga

    When I use that code the button then opens the form on its own page and not in a lightbox. We want it to open it in a lightbox.

    Thanks

    February 4, 2018 at 8:52 am #907405
    Victoria

    Hi scottvarga,

    The button seems to open in the lightbox. Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    February 4, 2018 at 6:27 pm #907564
    scottvarga

    It opens in the lightbox because I put my old code back in not the code provided above as that code made it open in a separate page.

    February 5, 2018 at 4:23 am #907663
    Ismael

    Hi,

    I forgot to remove the lightbox class attribute. Please try it again.

    
<div class="avia-button-wrap avia-button-left  opacity"><a data-rel="gallery-2" href="https://www.rotatorcreative.com/home/contact-form?&preview=true/page?iframe=true" class="avia-button lightbox avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-left"><span class="avia_iconbox_title">START THE CONVERSATION</span></a></div>

    If this is still not working, please provide the login details so that we can check it.

    Best regards,
    Ismael

    February 5, 2018 at 4:31 am #907665
    scottvarga

    Still has the same issue. Credentials added in Private Content

    February 5, 2018 at 6:56 am #907765
    Ismael

    Hi,

    We added the “post-entry” class attribute to the button wrapper.

    
<div class="post-entry avia-button-wrap avia-button-left  opacity"><a href="https://www.rotatorcreative.com/home/contact-form?&preview=true/page?iframe=true" class="avia-button avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-left"><span class="avia_iconbox_title">START THE CONVERSATION</span></a></div>

    The videos are now excluded when you click on the button.

    Best regards,
    Ismael

    February 5, 2018 at 4:59 pm #908094
    scottvarga

    That worked perfectly!

    Thanks or sticking with it and helping us!

    -Scott

    February 6, 2018 at 5:43 am #908355
    Rikard

    Hi Scott,

    Great, glad we could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.