Share button glitch – Oxygen theme

• 

  sustainablesecurity · Member · Jan 29, 2014 at 11:01 am

  • Copy link
  • Add topic to favorites

  Hi there,

  We moved our sharedaddy bar to the top of articles using CSS on our Oxygen themes blog. However, today sharedaddy has magically returned to the bottom of the page and won’t budge.

  Any thoughts on how to get it back? Is there a glitch with Oxygen?

  We’ve tried the following:
  div.sharedaddy {
  display: block;
  position: absolute;
  top: 0;
  width: 85%;
  }

  AND

  .entry {
  position: relative;
  padding-top: 70px;
  }

  div.sharedaddy {
  position: absolute;
  top: 15px;
  }

  div.sharedaddy div.sd-block {
  border-top: none !important;
  }

  Thanks!

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

• 

  thesacredpath · Member · Feb 5, 2014 at 6:22 pm

  • Copy link

  Hi there, I moved the sharing buttons to the top of the content on your site, just below the date/author/category, using the following CSS and it seems to flow and stay positioned in relationship to the rest of the content nicely when the browser window is narrowed.

  .entry-content {
  position: relative;
  padding-top: 50px
  }
  
  div.sharedaddy {
  position: absolute !important;
  width: 100%;
  top:0;
  }

• 

  sustainablesecurity · Member · Feb 7, 2014 at 10:52 am

  • Copy link

  Hi,

  That’s great – we entered it on our CSS and works a treat.

  Thanks very much for your help!

  SusSec Team

• 

  thesacredpath · Member · Feb 7, 2014 at 4:26 pm

  • Copy link

  You are welcome.

• 

  nboufawaz · Member · Mar 7, 2014 at 12:53 am

  • Copy link

  Hi there! Is there a way to add the share buttons to the right side of the post instead of the left side as done here?

• 

  thesacredpath · Member · Mar 7, 2014 at 1:18 am

  • Copy link

  @nboufawaz, yes, it can. Since you do not have sharing turned on in your site and the sharing icons are not visible underneath the post, the following is a guess on the code and adjustments will likely have to be made for positioning.

  .single .entry-content {
  position: relative;
  }
  .single div.sharedaddy {
  position: absolute !important;
  width: 0;
  top:0;
  right:0;
  }

• 

  nboufawaz · Member · Mar 8, 2014 at 9:36 am

  • Copy link

  Thank you!