Share Buttons

• 

  peoplebranch · Member · Dec 19, 2014 at 4:59 pm

  • Copy link
  • Add topic to favorites

  I am looking for a way to move all Share buttons (currently at the end of every post) to the beginning or the left side of every post.

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

• 

  thesacredpath · Member · Dec 20, 2014 at 7:29 pm

  • Copy link

  Hi there, the following moves the share buttons above the post title on single post pages. Since Fontfolio is a responsive design (adjusts for size of window/screen it is being viewed on) having it below the title and date/author doesn’t work well since the length of a title can vary in the number of lines, which makes positioning difficult. See what you think with this. The last rule in the below is a media query which spaces the title and content down a little more at 450px so that the buttons don’t overlay the post title.

  .single .hentry {
      position: relative;
      padding-top: 150px;
  }
  div.sharedaddy .sd-social {
      position: absolute;
      top: 0;
  }
  @media screen and (max-width: 450px) {
  	.single .hentry {
  		padding-top: 180px;
  	}
  }

• 

  peoplebranch · Member · Dec 20, 2014 at 10:29 pm

  • Copy link

  Thanks very much.
  I appreciate it.

  MikeD

• 

  thesacredpath · Member · Dec 21, 2014 at 2:36 am

  • Copy link

  You are welcome.