Trouble with adding pinterest image hover button

So are you trying to add a button or the image hover effect which is what Harshit was trying to do?

The hover effect... is that where'm going wrong?

Yeah it looks like the same issue that Harshit had, i had a quick look but couldn't see the codes for the hover image. If you can find them then let me know.

I think that's what this page is for:

https://developers.pinterest.com/tools/widget-builder/?buttonType=imageHover&round=false&tall=false&language=en

You select "image hover" in the drop down menu and it amends the code to "data-pin-hover"

So I thiiiink the code is correct - it just doesn't seem to be showing up anywhere. Could it be how I'm entering the code into elements?

Thanks David

Use the Hook Element > WP_Footer Hook :)

Still doesn't work... :(

Any other tips?

Did you set the display rules in the Hook?

Yep - set to "entire site" (also tried "Media" which didn't work either)...

So i just took this code:

<script async defer data-pin-hover="true" data-pin-lang="en" src="//assets.pinterest.com/js/pinit.js"></script>

added to wp_footer and entire site display rules and it worked?

If that don't work i would need to see the site to see whats breaking.

Ok - just tried something - I've been using "background images" within sections, rather than adding media into the content box. I changed one of the images from a background to an "image" and it works!

However - I'd rather keep the images as "background" images (i prefer the full width layout that I can't seem to get with an inserted image).

Do you know if that's possible?

Thank you David!

Aah that explains it. Background images are added with CSS, so they aren't listed in the HTML so the script won't find them. To do this would require custom development

Oh bummer. Well as least it explains why it wasn't working!

While I'm here - is it possible (I'm sure it is, I must just be doing something wrong) to make the images full width - like they look when saved as a background image?

Would you mind raising a new topic, it allows us and other users to find answers easier. You can use the Site URL field when raising a new topic to share the site link privately. Which would be handy for me to help provide a solution.

ah yes, of course. Will do it later - thanks David :)

Thank you :)