Change Pinit button z-index?

Why do you want to change Pinit button z-index, can you tell me issue regarding pit it button.

Thanks

Hi,

Firstly, thanks for a really simple and great plugin!

I would start another post for my issue but it is identical. And my reason for wanting to change the z-index is because the button shows on top of fixed elements that cannot be brought higher in z-index. It happens when you hover any image, the button shows up, then as you scroll down the page, the button stays above the main site’s fixed header and menu.

I hope this makes sense.

I have been scouring the plugin code to see where it gets added with no luck as it is added inline somehow. And as DarkMG73 mentioned, targeting those classes of the buttons does not work.

Thanks in advance!

Hello Benbodhi & DarkMG73,

It will be not going to be fixed with z-index. Actually pinterest is append pin it button html on image hover. And we will not customize pinterest js , becuase it is load from pinterest wesbsite.

Now there no solution for make pin it button fixed on image. We will try our best for find any solution for it.

Thanks

Hi weblizar,

I did end up finding that it was using Pinterest JS. Looks like we might just have to modify the site itself around the button.
Would love to know if you come up with a solution!

Thanks
Ben

You can simply overwrite the css adding an !important behind the z-index property. See below:

span[data-pin-log="button_pinit_floating"] {
	z-index: 5 !important;
}