Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 16, 2021 at 10:33 pm #1272968
    StrategyDriven

    Hello,

    I’m attempting to add a custom link to a button so that the popup lightbox I created for the page will appear upon clicking the button. This works for a link such as “Pricing Information” but what I’m seeking to accomplish is to have a button with an icon labelled “Pricing Information” instead of a text link.

    The lightbox is setup using a color section named “price1” per the instructions found within this article: https://kriesi.at/support/topic/need-custom-post-type-to-use-blank-page-template/#post-903932

    Thank you for your help. Be safe, stay healthy, and enjoy the weekend!

    All the Best,
    Nathan

    January 17, 2021 at 6:36 pm #1273123
    Victoria

    Hey StrategyDriven,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    January 17, 2021 at 11:09 pm #1273166
    StrategyDriven

    Hi Victoria,

    Thank you for the help. I added the URL, Username, Password, and the Leadership Team webpage we are attempting to add the popup lightbox to in the Private Content area.

    I should mention that our current efforts were to add the popup lightbox (color section at the end of the page) to is the biography featured in the upper left row. Currently, we added an image of the button to achieve the affect but this is understandably a ‘cheat’ as we would like to have a ‘real’ button.

    Again, I greatly appreciate your help. Be safe, stay healthy, and enjoy the day!

    All the Best,
    Nathan

    • This reply was modified 3 years, 6 months ago by StrategyDriven. Reason: Added more information
    January 19, 2021 at 12:15 pm #1273660
    Ismael

    Hi,

    Thank you for the update.

    Are you using the button element? Try to apply the class name open-popup-link in the button element’s Advanced > Developer Settings > Custom CSS Class field. If it is not working, try to also edit the following line.. 

    jQuery('.open-popup-link').magnificPopup({

    .. and replace it with:

    jQuery('.open-popup-link a').magnificPopup({

    Best regards,
    Ismael

    February 23, 2021 at 4:52 pm #1283134
    StrategyDriven

    Thank you, Ismael! The jQuery replacement did the trick :-)

    February 23, 2021 at 8:31 pm #1283221
    Victoria

    Hi StrategyDriven,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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