PopUp not opening with Divi Buttons

Hi @mad2kx

Thank you for reaching out!

I believe you have configured the link properly to use the popup CSS class. I made a test using the same popup settings and Divi’s latest version. I did not see any console errors, but it seems Divi theme is removing the CSS trigger that we use to display the popup.

I also tested an older version of Divi, and the popup CSS class is working when using it as a link in the Divi button. The CSS trigger is present.

Could you please reach out to Divi support to get more insights, since they have a better understanding of how Divi was coded?

Thank you, and we look forward to your response.

Hi there,

thanks for the response but I found another solution. Speaking to Divi Support is not an option as they require you to dance, film and draw the problem whereby the problem is obvious.

Thanks anyways

Hi there @mad2kx – thanks for letting us know and good to hear that you were able to figure that out.

Should you have further questions, please don’t hesitate to let us know.

Have a great day!

Hey @mad2kx,

Sorry for jumping in so late. I also want to reply for future reference.

I am inserting #popmake-1234 (class of popup) into the Divi Builder as “link”.

First, #popmake-1234 is not a CSS class because it starts with a “#”. CSS classes begin with a “.”.

This however doe snot trigger the popup, it just adds the link into URL, example domain.com/#popmake-1234 but popup remains closed.

Second, you are correct. Adding #popmake-1234 to the link URL will not launch the popup.

So, if you want to launch a popup that has popup ID 1234, then all you need to do is add popmake-1234 to your button’s CSS class setting.

Here’s an example of what that would look like in the code.

https://docs.wppopupmaker.com/article/545-a-beginners-guide-to-popup-triggers#classic-editor

For Divi, you can add popmake-1234 into the button’s Advanced Options. Note: there’s no hash sign or period before the classname. That’s important.

See the Button Advanced Options section in this doc https://www.elegantthemes.com/documentation/divi/button/

(Direct link for Chrome: https://www.elegantthemes.com/documentation/divi/button/#:~:text=Button%20Advanced%20Options,style.css%20file.)

If you haven’t yet, please visit our full Beginner’s Guide to Popup Triggers.

https://docs.wppopupmaker.com/article/545-a-beginners-guide-to-popup-triggers

I hope that helps. Shout if you have any more questions.

Have a wonderful New Year!

• This reply was modified 3 years, 2 months ago by mark l chaves. Reason: Added Chrome link to text