Support » Plugin: jQuery Pin It Button for Images » Using my own button design

Viewing 7 replies - 1 through 7 (of 7 total)
  • nevermind about that question. I’ve some figured it out. But I have another question, is it possible to make the image less transparent when hover? thanks

    Plugin Author mrsztuczkens


    If you’re not using IE7 compatibility mode, you can add some custom CSS (if your theme doesn’t allow this, try My Custom CSS plugin or any other plugin that allows adding custom css) to make the image less transparent. Here’s the line to add:

    .pinit .pinit-overlay { background-color: rgba(255,255,255,0.9) !important; }

    Change the 0.9 number (it ranges from 0.0 which will cause that the image won’t change on hover to 1.0, which will make the whole image white on hover, the default value is 0.5) to the desired value.

    If you’re using IE7 compatibility mode, let me know, I’ll describe how to do this in that mode.

    All in all, I’m planning on adding the possibility to change transparency level and (maybe) change the “Pin It” button image in the next version of the plugin.

    If the given CSS does the job, let me know.

    yes it works now 🙂 Thanks very much. I appreciate it.

    Is it possible to use my own button image instead of the normal pinterest pin it button?
    Were you able to figure it out designisyay? if so how?

    Yes whitehousestl, please read my blog post with instruction on how to change the pin it button (for the instruction, scroll down towards the end of the post)
    link the the post
    Hope that helps!

    Plugin Author mrsztuczkens



    In the newest version (0.9) of the plugin, I’ve added the possibility to use your own button design, hope you’ll like it. In case of any issues, please start another support thread. I’m closing this one as resolved.

    That is great! Thanks mrsztuczkens!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Using my own button design’ is closed to new replies.