jQuery Pin It Button For Images
[resolved] could you possibly take the !important declarations off the background css? (6 posts)

  1. brent3721
    Posted 2 years ago #

    as it is now you can't add your own background-size css to allow the pinterest to be retina friendly because there's important set on the background already:

    I'm setting my background size in your plugin to 80x80

    then putting this css in chrome inspector:
    a.pinit-button {
    background-size: 40px 40px !important;

    which resizes it and fixes the pixel density problem, but then when I add it to my stylesheet it doesn't get applied cause of the importance.


  2. Marcin Skrzypiec
    Plugin Author

    Posted 2 years ago #


    taking the !important clause off isn't an option. Why? From time to time I get a support thread with someone saying that something isn't rendered right. In almost all cases it's caused by other css clauses overriding my own settings. That's why the !important is there.

    The only thing that makes sense to me (and doesn't involve adding additional settings in the admin area of the plugin) is adding a filter to the inline css code, so you hook a function that will add your css right after mine. That should do the trick. What do you think?

  3. brent3721
    Posted 2 years ago #

    Lots of people use high density displays now so not having support for them makes the plugin unusable for sites that require the support.

    I could hack my template to have a filter, but it seems like a pretty easy change on your end that would allow your plugin to be used by a lot more people.

    You'd just need to include a checkbox that says 'retina friendly' that would cut the height and width that are input in half and add the background size line into the CSS with the halved values.

    Of course I understand this is a free plugin so if you don't have the time I'm happy to make the adjustments on my end. It's just a shame that such a great plugin doesn't support retina, all the sites we make have this as a requirement, it's becoming something that clients are looking for.


  4. Marcin Skrzypiec
    Plugin Author

    Posted 2 years ago #

    Hi Brent,

    you've convinced me. I'll add the 'retina friendly' checkbox in a couple of days and release a new version of the plugin within a week or so. Thanks for the suggestion.

  5. Marcin Skrzypiec
    Plugin Author

    Posted 2 years ago #

    Hi again,

    new version of the plugin with the 'Retina friendly' option is available. Let me know if it's that you were looking for!

  6. brent3721
    Posted 2 years ago #

    it works !!! -- See it in action here: http://inspiration.condensed.io/

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • jQuery Pin It Button For Images
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.