Cursor turn into “pointer”

Dear @claudiawst,

Thanks a lot for reaching out.

Could you please share a screenshot showing where you have been inserting the code you have shared.
We also tried to use it and it did not work.

Thanks a lot,
Popup Builder Team

I remember adding the code to the field:” #1 Add the code you want to run before the popup opening. This will be a condition for opening the popup, that is processed and defined before the popup opening. If the return value is “true” then the popup will open, if the value is “false” the popup won’t open.”

How can I add an image to this message?

Yesterday, I tried to add the same code with the correct class code but it did not work.
I also noticed that all the codes from other popups have disappeared. However, the cursor still works for images previously added before the plugin update.

Thanks.

Dear @claudiawst,

Thanks a lot for reaching out.

Could you please share the whole code (including the image code) you inserted and it did not work?

Thanks a lot,
Popup Builder Team

Sure.
Here you go:

.sg-popup-id-42114:hover {
  cursor: pointer;
  text-decoration: underline;
}
.sg-popup-id-42114 {
    color: blue;
}

Thanks

Claudia

Dear @claudiawst ,

Thanks for the provided code.
Please, follow the instructions below to achieve the desired result:

1. Open the Image popup which you want to display when the exact element on the website is hovered and change the event to ”Set by CSS Class” from the Events section:

https://prnt.sc/26fkbsj

2. Open the ”Advanced” section and set the ”Custom event delay” into 1:
https://prnt.sc/26fkd3d

Once the above-mentioned steps are done, open the page or post where you want to open the popup and paste this code into the WP default HTML editor:

[sg_popup id=“your popup id here” event=“onhover”]<img src=“the full link of the image” class=“wp-image-the number of the image“/>[/sg_popup]
<style>
.wp-image-numder of the image:hover {
  cursor: pointer;
  text-decoration: underline;
}
.wp-image-number of the image {
    color: blue;
}
</style>

Note, you need to change mentioned options from the screenshot according to the data you have:
https://prnt.sc/26fkfd5

Please, give it a try and let us know if that helped.

Best,
Popup Builder Team

Hi team,

Thank for your help.

Two questions:
1- There is a typo on the 3rd line of the code: “numder”. If I write “number” will it work?

2- What is the difference between “popup id” and number of the image?
For example, I have a class “sg-popup-id-4211” Not sure what to put on “popup id” and “number of the image”.

Thank you.

Best regards,

Dear @claudiawst ,

Thanks for getting back to us.

Here is what you have to change:

[sg_popup id=“4211” event=“onhover”]<img src=“the full link of the image” class=“wp-image-0965843"/>[/sg_popup]
<style>
.wp-image-0965843:hover {
  cursor: pointer;
  text-decoration: underline;
}
.wp-0965843 {
    color: blue;
}
</style>

Best,
Popup Builder Team

Dear @claudiawst ,

Hope you are doing well.

May we know if you had a chance to check the reply?
Have you applied the changes?

Did those help?
In case you still need assistance, please, get back to us.

Best,
Popup Builder Team

Hi support,

I have checked but I still have some doubts.
Where does the information of the image number come from?

Ex: wp-image-0965843

Thanks.

Best regards,

Claudia

Dear @claudiawst ,

Thanks for the question.
It is just a random number for the image, which we have used on our website.
But you can set the image number from your website as well.

May we know if you have tried the code?
Did it work for you?

Best,
Popup Builder Team