Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #611451

    I want a button to open an Enfold Contact Form in a modal lightbox. I’ve looked at the post https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/#post-304173 which gives me most of the direction I need. However, I haven’t figured out how to set the class on the link of the button, i.e., . I turned on custom classes for ABL elements, but that provides a custom class for the button, not for the link, so the popup doesn’t work.

    #611460

    Hey 1039 Online!

    Thanks for getting in touch with us!

    Adding a class to the link is the second step in the post you referred to.

    <div id="test-popup" class="white-popup mfp-hide">
    <p>PLACE CONTENT HERE</p>
    </div>
    
    <a class="open-popup-link" href="#test-popup">Show inline popup</a>

    If you realize the tag is what has a class of .open-popup-link and needs to be added as your button’s link. Currently on your page the text “Show inline popup” does what the button should do. So add <a href="#test-popup"></a> to the link section of the button.

    Best regards,
    Jordan

    #611476

    Jordan,

    Thanks for responding. I had added “#test-popup” to the link field in the button element settings (see screenshot: http://snag.gy/HTxnt.jpg) but still don’t see how to add the class to the link.

    #611478

    Hey!

    Thanks for getting back to me!

    Try adding the following in the link field instead:

    <a class="open-popup-link" href="#test-popup"></a>

    If you are still having issues, could you please provide login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    #611480

    Jordan,

    I added the code you mentioned to the link field, but it did not work. The Private Content section has login info.

    #613167

    Any update on this? Thanks.

    #613219

    Hey!

    can u please update enfold to the latest version and try again?
    Thanks a lot

    Best regards,
    Basilis

    #613279

    Just updated to latest version. Button still does not open modal contact form.

    #615656

    Hey!

    Why did you add the link inside a button element link?

    <a href="<a class=&quot;open-popup-link&quot; href=&quot;#test-popup&quot;></a>" class="avia-button  avia-icon_select-no avia-color-theme-color avia-size-large avia-position-center "><span class="avia_iconbox_title">Ask a Question </span></a>
    

    Please add the html markup in a text or code block.

    Regards,
    Ismael

    #810256

    Did this ever get solved? He wanted to add the link inside the button element so that the modal popup would open on click of the button. Not a text link.

    Ismael – The code given provides a dead link.

    • This reply was modified 6 years, 9 months ago by a3brown4.
    #810592

    Hi a3brown4,

    If you need some help, please start a new thread, describe your issue there and give us a link to your website.

    Best regards,
    Victoria

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