Hover “PinIt” doesn’t appear on images

  • The “pin-it” image isn’t appearing when I hover over images on my blog posts. I have the plugin updated to the most recent version, and I don’t have a hover effect on any of my images.

    Here are my settings:

    Show Pin It Button In Post: Yes
    Show Pin It Button In Page: No
    Show Pin It Button On Image Hover: Yes
    Show Pin It Button On Mobile / Portable Devices: Yes

    What do I need to do to make this plugin work on my site?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author weblizar

    (@weblizar)

    Hi @deadbeat007,

    Thanks for using our plugin.

    – We checked your issue and test plugin again but not found any issue

    – Pinit button at hover on image is working with all settings

    – if you are using any cache plugin then try to deactivate and again review your image for pinit button

    Thanks and most welcome

    Thread Starter deadbeat007

    (@deadbeat007)

    Hi, does your plugin target divs with a specific class name when it inserts the “pin it” buttons onto post images? I still can’t get it to work. I’m wondering if my custom template is the issue.

    Plugin Author weblizar

    (@weblizar)

    Hi @deadbeat007,

    – Our plugin does not target div or a specific class its render and controlled using JS library provided by Pinterest Developer

    We trying to figure out your issues

    Thank you.

    • This reply was modified 3 years, 2 months ago by weblizar.
    Thread Starter deadbeat007

    (@deadbeat007)

    Thanks. I’ve tested your plugin on a new website without any customizations, and I still can’t get it to work:

    https://madebyrossi.com/hello-world/

    (The pink image should have the “pin it” button on hover.)

    Here are my settings: https://imgur.com/U1Fcoa2

    Am I doing something wrong?

    Plugin Author weblizar

    (@weblizar)

    Hi @deadbeat007,

    – We checked your site and found your image width is too small so when we increase this width to 80% then Pinit hover button is appearing
    – Please check it this screenshots https://postimg.cc/gallery/QBhXdzQ
    – We added one more image for test and pinit hover image button is working fine
    – Reason is your image width is too small please increase of image width
    – Check last screenshot – https://postimg.cc/PpPmJjLJ
    – When we decrease width of our image pinit button is not appear

    Thank you.

    Thread Starter deadbeat007

    (@deadbeat007)

    Thank you! Do you know the minimum image size in pixels that images must be?

    Plugin Author weblizar

    (@weblizar)

    Hi @deadbeat007,

    – Yes , minimum image size in pixels for view pinit button on hover depends of image actual size and we can’t say anything which specific width is suitable for images for display pinit button

    – Solution is -> right click on image & select inspect menu than increase the width and check hover on image pinit button is display or not afterall calculated width css paste in your theme
    We calculated image width in hello-world page of your site

    
img.alignnone.size-medium.wp-image-12 {
    width: 88%;
}

    Paste above CSS code into Appearance -> Customize -> Additional CSS & click on publish button for save it.

    Reload your hello-world page check it your pinit button display or not.

    Thanks and Most Welcome

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hover “PinIt” doesn’t appear on images’ is closed to new replies.