Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #609501

    Hi –

    I have a pricing table and I would like to place an info icon (icon that looks like a lowercase ‘i’) inside each table cell along with a feature next to that icon. When the user clicks on the icon, it opens a modal that contains a paragraph of text explaining what that feature is.

    Simply put: How do I place an icon inside a Pricing Table and that icon, when clicked, opens a modal box with a block of text?

    Thanks,

    Michael

    #610019

    Hi Michael,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply. Also please specify on what page you are looking to do this.

    Regards,
    Rikard

    #610603

    Hi,

    Login details are listed below.

    All I want is for each line in the pricing table to have an information icon (as shown in the screen shot) that when clicked on, opens up a modal window and displays either a short paragraph of text or an image (it varies).

    As you can see from the screenshot, I’m not too far away from getting it to work.

    Screenshot:

    Pricing Table

    Thanks,

    Michael

    • This reply was modified 7 years, 11 months ago by mcseufer.
    #611652

    Hey!

    Looks like you installed a plugin for it. If you want, you can add the data-avia-icon-tooltip attribute in the “i” html markup but it will open the tooltip on hover:

    <span class="av-icon-char info" data-avia-icon-tooltip="PLACE YOUR TEXT HERE">i</span>
    

    Cheers!
    Ismael

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