Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 23, 2026 at 1:01 am #1496952
    CaptOM89

    I’m using Hustle Pro popup plugin on my WordPress site. This plugin has an option to trigger the popup by clicking on “an existing page element,” to be specified by its “CSS selector.” I’m trying to set up a popup on a page to be triggered by a click on a certain image on that page. I have added the image to the page.

    Clicking on that image in the classic editor, and then clicking on the pencil “edit” icon, a window opens up with a number of settings. I want to use .parking as the CSS sector. My questions are:

    (1) Do I enter .parking in the Advanced Settings box labeled “Image CSS class” or in the box labeled “Link CSS class”?
    (2) Does so entering create the “CSS selector”? Or do I have to do something else?
    (3) What option should I use on the Link To setting dropdown under Display Settings?

    Thanks! Lance

    • This topic was modified 4 hours, 54 minutes ago by CaptOM89.
    April 23, 2026 at 5:57 am #1496958
    Ismael

    Hey Lance,

    Thank you for the inquiry.

    This is actually more of a Hustle Pro question than an Enfold one, but we can help clarify the Enfold side of things.

    For your image in the classic editor, enter .parking in the “Image CSS class” field. That will add the class to the img tag itself, which gives Hustle Pro a valid css selector to target. The “Link CSS class” field applies to the wrapping anchor tag, which would also work as a selector, but using the image class is the more straightforward choice here.

    Adding the class in that field is sufficient to create the selector. You don’t need to do anything else on the Enfold/Wordpress side. Just make sure the class you enter in Hustle Pro’s trigger field matches exactly, including the dot prefix (i.e. .parking).

    For the “Link To” setting, if you don’t actually want the image to navigate anywhere on click, you can set it to a custom URL and use # as the value. That prevents any navigation while still allowing the click event that Hustle Pro listens for.

    For further details on configuring Hustle Pro’s trigger settings, please refer to their documentation.

    — https://wpmudev.com/docs/wpmu-dev-plugins/hustle/

    Let us know if you have more questions.

    Best regards,
    Ismael

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