Popup with Content Link

saxx143 · May 2021

Hello,

I am trying to use the content link coding to create the icon box look in the attached picture. However, I cannot figure out how to make the content show in a popup box verses going to another page. I have tried many different variations...

popup Help.jpg

[content_link title="The Facility" icon="icon-address" link="https://earlye.org/wp-content/uploads/2021/04/EE-Logo-Above-Footer-1.png" target="_blank" class="" download="" rel="lightbox" onclick=""]

[content_link title="The Drive" icon="icon-users" link="eeusers" target=""]

End result: I want to be able to click Facility Box and a picture and or Facility description of the facility popup and click the drive box and a picture popup of the area.

Phil · May 2021

Hello,

Please, try to use the following shortcode:

<a href=#popup rel=lightbox>
<i class="icon-address" style="font-size: 50px;"></i><p>The Facility</p>
</a>
<div id="popup"; style=display:none;>Put your content here</div>

Thanks

saxx143 · May 2021

Thanks... This works but it does not give me the nice clean box look. Is there a way to do it?

popup Help2.jpg

Phil · May 2021

You can set the column background color or close the <a> tag between the <div> tag and style it with inline CSS.

https://www.w3schools.com/tags/tag_div.ASP

Thanks

Popup with Content Link

Comments