[Resolved] Trouble with adding pinterest image hover button

[Harshit]

Hey Gracie, if your problem is resolved it’s good. I was not using the hover code and that was the main issue which I found quite later. I am using hover code in wp_head with priority 12 and it’s working fine.

[David]

Thanks for responding Harshit. Much appreciated.

[Gracie]

Ah thank you Harshit – I got there in the end – part of the issue was that I was trying to add the code to a background image, which doesn’t support it. So all sorted, thank you for replying 🙂

[Markus]

Hi!

I want to take up this old threat because I have the same problem: My featured image is used as background image in a header-element and is therefore only available in CSS. So Pinterest does not recognize the image.

What would be your recommendation for a workaround?

My element settings look like this:

<p class="headdate">
	{{{post_date}}
</p>

<h1>{{post_title}}</h1>
<h2>
	<span>{{post_terms.category}}
</span>
</h2>
<div class="headerad"></div>

You may have a look here: https://nachbelichtet.com/ist-home-assistant-die-beste-smarthome-software/

Take care!

[David]

Hi there,

not sure its possible to do that with a Background Image without some Custom CSS.
Again not sure on this method, but you try placing the featured image inside the Header Element using this template tag:

{{custom_field._thumbnail_id}}

Then it could be positioned absolutely to replace the background image.
If you want to add that to your header element and start a new topic i am happy to take a look to see how that could work.

[Author]

Posts