Move Social Network Icons just little bit up page

  • Unknown's avatar

    I would like to move academica’s social networking icons up about 5-7 pixels. Once I do that I will do the same for the Blog Stats widget (which I had moved next to it).

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    You have added this:

    #social {
        clear: right;
        display: inline;
        float: right;
        margin-top: 20px;
    }

    First, you don’t need all these commands: when you make a change you add only the required properties and values, not all the original properties and values. Second, I don’t know if “move up” means change the space above and below the icons (so that the yellow divider won’t move) or change the space above only. So, turn the above to this:

    #social {
    margin-top: 16px;
    margin-bottom: 5px;
    }

    and play with the values till you get the result that looks best to you.

    Then locate this addition:

    #blog-stats-10 {
        height: 48px;
        position: absolute;
        top: 100px;
        width: 100px;
    }

    and decrease the “top” value.

  • Unknown's avatar
  • The topic ‘Move Social Network Icons just little bit up page’ is closed to new replies.