Support Center Visit Demo License manager Buy @ envato

Any way to make Betheme image widget a pop-up?

DanielNolanDanielNolan
in Other

Hello there is there any within Betheme to make the image widget or an image, a link to a contact form 7 pop up? The site is stedmundsadvertising.com.

Comments

  • PhilPhil

    Hi,

    Do you want to open the Contact Form popup after clicking on the image, right?

    If yes, you will need to put the following structure into the Column Text element:

    <a href="#popupName" rel="lightbox">
<img class="scale-with-grid" src="image link" alt="" />
</a>
<div id="popupName" style="display:none">[contact-form-7 id="" title="Contact Form"]</div>
    image.png

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DanielNolanDanielNolan
    edited June 2022

    You are amazing Phil. The only question I have is where you say '#popupname' what is that referring to? How do I create a pop up with the name referenced in this code?

  • PhilPhil

    The #popupName refers to the div below. It is set to be hidden, and it opens as a popup when the image is clicked. So basically this div is this popup.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.