WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. brent3721
    Member
    Posted 9 months 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.

    http://wordpress.org/plugins/jquery-pin-it-button-for-images/

  2. mrsztuczkens
    Member
    Plugin Author

    Posted 9 months ago #

    Hi,

    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
    Member
    Posted 9 months 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.

    brent
    @
    condensed.io

  4. mrsztuczkens
    Member
    Plugin Author

    Posted 9 months 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. mrsztuczkens
    Member
    Plugin Author

    Posted 8 months 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
    Member
    Posted 8 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.