Show pop-up only in 1 button (on click)

Hi @chiosa,

You’ll need to add a unique class or ID to your button. The current CSS you have shared is common and used on all buttons, and hence you notice the popup appearing on every button on click.

Seems like you are using WP Bakery you can find the following helpful:
https://pofo.themezaa.com/documentation/knowledgebase/wpbakery-page-builder-elements/add-element-id-and-custom-css-class/

The above doc isn’t related to your theme. However, the steps would be similar since it’s related to WP Bakery.

Please do check and see whether the above helps.

Kind Regards,
Nithin

Thank you.
Unfortunately I don’t know how to program and, even if I create an ELEMENT ID and an EXTRA CLASS NAME, then I’m not able to add the code in Customizer> Additional css.
Can you kindly help me?

Now on the website I have temporarily disabled the popup so as not to create a bad user experience.

I await a kind reply.
thank you!

Alberto

Hi @chiosa

I hope you are doing well.

You don’t need to add the class in Customiser > Additional CSS, only in the Element by using the Visual builder without any custom code:

https://pofo.themezaa.com/documentation/wp-content/uploads/2017/11/vc-add-class.jpg

So let’s say you added my-popup word there, navigate to Hustle > PopUp > Trigger > Click and use .my-pop-up with dot if it is a class and #my-popup if you added it as ID.

The rest of that guide can be ignored as it only explains how you can use that custom class for custom CSS.

Best Regards
Patrick Freitas

• This reply was modified 2 years, 4 months ago by Patrick - WPMU DEV Support.

Hello @chiosa ,

We haven’t heard from you for several days now, so it looks like you don’t need our assistance anymore.

Feel free to re-open this ticket if needed.

Kind regards
Kasia

Hy,
Sorry for my late but i was very busy.
So i try to follow your instructions but it doesn’t work!
Can I explain you?
I want to try last time before to change…

So I have configured Hustle like this (https://prnt.sc/1gE30RamcvIo) with #pulsante at the trigger.
Then I have set like this https://prnt.sc/AQtLAXZKVNh8 the Button ID in the home page (and i have set blank the link destination in the button)

How can i do it?

Thank you very much for everything!

Alberto

Hi @chiosa

Thank you for response!

Configuration shown on your screenshots looks correct to me.

I just visited your site and:

– first, I checked the button to confirm if it has correct ID added – it has so that’s fine
– second, I checked other buttons – they don’t have this ID so that’s fine too
– finally, I clicked on that button and the other buttons; the “ISCRIVITI ALLA LISTA” made a popup show up on page for me while the other buttons did not.

It seems to be working as expected then. Is it still not working for you or did you manage to get it sorted out meanwhile?

Or am I missing the point and I should test it some other way?

Let us know, please.

Best regards,
Adam

Hi Adam!
May was my cache… but now it works! ??
Thank you very much!

Alberto