Popup

talknsave

Hi,

I need to do question mark icon/ image and when you click on it, it open popup with text

like this example: http://prntscr.com/a7a5jv

I saw this short code for the popup: '[popup title="Additional Information" padding="20" button="0"]Text here[/popup] "

And this for the icon: [icon type="icon-help-circled"] 

or this for image: [image src="" align="" caption="" link="" link_image="" target="" alt="" border="0" greyscale="0" animate=""]

But I don't understand how I can combine them?

This is my page: http://talknsave.us/ncsy/ncsy-location/ncsy-israel_offer/

Thanks a lot!

Albert

Hi,

so you want the icon to be a popup when you click on it? If that's what you mean, you can try to use the following solution:

<a href="#" class="prettyphoto"><i class="icon-name"></i></a>

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

talknsave

Thanks for your answer but where I put the text/ information that I need?

http://prnt.sc/a8wf8s

Albert

You can put them inside Column item for example or just default WP's editor.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

talknsave

Thanks but I don't mean that,

In your code that you suggest me to add if I want to press on icon and open a popup windows with text, In yours code I see href="#" but it is support just with image and not with text...

So I made it with different way (you can see the code below) but I'm not sure if this is the right way...

What do you suggest?

<a href="#" class="prettyphoto"><i class="icon-name"></i></a>

[popup title="?" padding="20" button="0"]
<center><img src="http://talknsave.us/wp-content/uploads/2016/02/Israel-SuperPlan.jpg"></img></center><br/>
<h4>UNLIMITED 10GB of 4G internet</h4>
<ul>
<li>Bring your smartphone with you to Israel!</li>
<li><b>SUPER FAST data speeds- improve your plan with better bandwidth and a speedier connection!</b></li>
<li>Surfing, email, and sharing - no limits!</li>
<li>Make sure your phone is compatible here: <a style="color:blue; text-decoration:underline;" target="_blank" href="https://www.talknsave.net/faq.aspx?i=10">www.talknsave.net/checkmyphone</a></li>
[/popup]

Albert

Above code should be fine.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next