Floating sidebar share icons

• 

  dingosbreakfast · Member · Sep 26, 2014 at 2:29 am

  • Copy link
  • Add topic to favorites

  At the moment, I am only able to put the share buttons at the end of my posts.
  Is there also a way to have the share buttons on a floating sidebar as I feel it would improve the share rate (i.e no scrolling required).
  I’ve seen other plug-ins that cater to this, like:

  Custom Share Buttons with Floating Sidebar

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

• 

  hallluke · Member · Sep 26, 2014 at 11:11 am

  • Copy link

  Hi!

  Plugins aren’t available here on WordPress.com (there are some subtle and not-so-subtle difference between this service and WordPress.org which you can read about here).

  However something like this would be possible with some CSS knowlegde and the custom design annual upgrade. Here’s something to try out to get an idea of what’s possible. Copy this code into the text area in Appearance > Customize > CSS to preview it:

  .single #jp-post-flair {
    position:fixed;
    left:0;
    top:100px;
    width:150px;
    padding-left:10px;
    background:#fff;
    border:1px solid #ccc;
    height:30px;
    overflow:hidden;
  }
  
  .single div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
    width:100%;
  }
  
  body.highlander-light.single #jp-post-flair h3.sd-title:before {
    border:none;
  }
  
  .single #jp-post-flair:hover {
    height:auto;
  }

  You’ll need to view a single post page rather than your home page to see the effects and then mouse over the floating “Share this” section on the left. It’s a bit ugly at the moment but it should give you some idea of what can still be done!