Tagged: button, custom link, Lightbox, popup
-
AuthorPosts
-
January 16, 2021 at 10:33 pm #1272968
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,
NathanJanuary 17, 2021 at 6:36 pm #1273123Hey 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,
VictoriaJanuary 17, 2021 at 11:09 pm #1273166Hi 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, 11 months ago by StrategyDriven. Reason: Added more information
January 19, 2021 at 12:15 pm #1273660Hi,
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,
IsmaelFebruary 23, 2021 at 4:52 pm #1283134Thank you, Ismael! The jQuery replacement did the trick :-)
February 23, 2021 at 8:31 pm #1283221Hi StrategyDriven,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.