Title: Cursor turn into “pointer”
Last modified: December 21, 2021

---

# Cursor turn into “pointer”

 *  Resolved [claudiawst](https://wordpress.org/support/users/claudiawst/)
 * (@claudiawst)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/)
 * Hi. I used to add the below code to make my cursor turn into “pointer” (the hand)
   when I hover over the image that will pop up
 * .sg-popup-id-512:hover {
    cursor: pointer; text-decoration: underline; } .sg-
   popup-id-512 { color: blue; }
 * After the plugin update, this code is no longer working for new pop-up images.
 * Could you please advise?
    Thanks.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcursor-turn-into-pointer%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * (@sygnoossupport)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15190746)
 * Dear [@claudiawst](https://wordpress.org/support/users/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
 *  Thread Starter [claudiawst](https://wordpress.org/support/users/claudiawst/)
 * (@claudiawst)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15192010)
 * 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.
 *  [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * (@sygnoossupport)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15199941)
 * Dear [@claudiawst](https://wordpress.org/support/users/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
 *  Thread Starter [claudiawst](https://wordpress.org/support/users/claudiawst/)
 * (@claudiawst)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15219579)
 * Sure.
    Here you go:
 *     ```
       .sg-popup-id-42114:hover {
         cursor: pointer;
         text-decoration: underline;
       }
       .sg-popup-id-42114 {
           color: blue;
       }
       ```
   
 * Thanks
 * Claudia
 *  [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * (@sygnoossupport)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15267172)
 * Dear [@claudiawst](https://wordpress.org/support/users/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](https://prnt.sc/26fkbsj)
 * 2. Open the ”Advanced” section and set the ”Custom event delay” into 1:
    [https://prnt.sc/26fkd3d](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](https://prnt.sc/26fkfd5)
 * Please, give it a try and let us know if that helped.
 * Best,
    Popup Builder Team
 *  Thread Starter [claudiawst](https://wordpress.org/support/users/claudiawst/)
 * (@claudiawst)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15273742)
 * 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,
 *  [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * (@sygnoossupport)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15283826)
 * Dear [@claudiawst](https://wordpress.org/support/users/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
 *  [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * (@sygnoossupport)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15302333)
 * Dear [@claudiawst](https://wordpress.org/support/users/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
 *  Thread Starter [claudiawst](https://wordpress.org/support/users/claudiawst/)
 * (@claudiawst)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15313198)
 * 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
 *  [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * (@sygnoossupport)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15319945)
 * Dear [@claudiawst](https://wordpress.org/support/users/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

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Cursor turn into “pointer”’ is closed to new replies.

 * ![](https://ps.w.org/popup-builder/assets/icon-128x128.gif?rev=2698840)
 * [Popup Builder - Create highly converting, mobile friendly marketing popups.](https://wordpress.org/plugins/popup-builder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/popup-builder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/popup-builder/)
 * [Active Topics](https://wordpress.org/support/plugin/popup-builder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/popup-builder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/popup-builder/reviews/)

 * 10 replies
 * 3 participants
 * Last reply from: [Sygnoos Support](https://wordpress.org/support/users/sygnoossupport/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/cursor-turn-into-pointer/#post-15319945)
 * Status: resolved