Move Share Buttons to the Top – Chronicle Theme

  • Unknown's avatar
    gamedayapplications · Member ·

    I want to move my share buttons to the top of my articles – below the headline and above the picture for the article. I have looked at couple CSS solutions but they just put the share buttons on top of the image. How can I make it so the image gets lowered to make room for the share buttons?

    My theme is Chronicle.

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, this is a little tricky. The sharing buttons can be moved to the top of the content on single post pages reasonably easily with the following CSS in Chronicle. 

    .single .entry {
    position: relative;
    padding-top: 120px;
}
.single #jp-post-flair .sd-sharing-enabled {
    position: absolute;
    top: 0;
}

    Moving the link button to the top though presents some problems. The like section will display the Gravatar of all users who like your post, and since we have to use position: absolute to move it, that means the like section loses its relationship to the other page elements and basically floats above them. There ins’t anyway to automatically move the content down to make room for those Gravatars, so if you get a lot of likes on a post, the Gravatars will obscure the top part of your posts. See what you think with the code I gave above.

  • The topic ‘Move Share Buttons to the Top – Chronicle Theme’ is closed to new replies.