WordPress.org

Ready to get started?Download WordPress

Forums

Digg Digg
Align pinterest button on horizontal (bottom of post) (2 posts)

  1. domesticsoul
    Member
    Posted 2 months ago #

    I'm using the digg digg buttons as horizontal icons below my posts. I'm using Tweet, Facebook Like, Google +, and Pinterest.

    The first three align (more or less). The Pinterest button sits about 39 pixels higher than the first three and it's blocking some of my links.

    When I pull it up in chrome and do inspect element, I see this code:

    a.PIN_1400130715332_pin_it_button_20 {
    cursor: pointer!important;
    background-repeat: none!important;
    background-size: 40px 60px!important;
    height: 20px!important;
    margin: 0px!important;
    padding: 0!important;
    vertical-align: baseline!important;
    text-decoration: none!important;
    width: 40px!important;
    background-position: 0 -20px;
    }

    If I change the margin to this:

    a.PIN_1400130715332_pin_it_button_20 {
    cursor: pointer!important;
    background-repeat: none!important;
    background-size: 40px 60px!important;
    height: 20px!important;
    margin: 39px 0px!important;
    padding: 0!important;
    vertical-align: baseline!important;
    text-decoration: none!important;
    width: 40px!important;
    background-position: 0 -20px;
    }

    it aligns perfectly. However, I cant seem to find a.PIN_1400130715332_pin_it_button_20 anywhere in the css files. I've tried adding the margin change in the css file and in the custom css field in my theme and I can't get the margin change to override it.

    Is there some way I can override the margin on this so the pinterest button aligns properly?

    To see an example, try this post: http://www.domesticsoul.com/2013/07/sprouted-lentil-soup-recipe.html (share buttons are at the bottom)

    https://wordpress.org/plugins/digg-digg/

  2. Maikel van de Weerd
    Member
    Posted 1 month ago #

    This should work:

    .dd_button a[data-pin-log="button_pinit"] { margin-top: 30px !important; }

Reply

You must log in to post.

About this Plugin

About this Topic