Moving Livefyre Commenting Box

• 

  staplesadvantage · Member · Sep 5, 2013 at 2:49 pm

  • Copy link
  • Add topic to favorites

  Hey everyone,

  I just added a Livefyre plugin to my blog, but it automatically gets added to the posts at the very bottom of the page.

  Unfortunately, I need to move the Livefyre commenting box up a bit – it should be located after the post, but right above a text widget that I have in place that outlines the blog’s commenting moderation policy.

  Any ideas on how to change the order of these two items?

  Thanks!

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

• 

  thesacredpath · Member · Sep 5, 2013 at 9:55 pm

  • Copy link

  Hi @staplesadvantage, give the following a try. It puts the Livefry icon/dropdown just below the Newest/Oldest sort buttons and above the comment moderation policy and leaves the comment count above the comment entry box, as it was.

  .fyre .fyre-help {
      position: absolute !important;
      bottom: 0;
      right: 0;
  }
  
  .fyre .fyre-comment-stream {
      padding-bottom: 30px;
  }

  If you wish to move the comment count box down as well, then use the following code instead.

  .fyre .fyre-stream-stats {
      position: absolute !important;
      bottom: 0;
      right: 0;
  }
  
  .fyre .fyre-comment-stream {
      padding-bottom: 30px;
  }
  
  .fyre-stream-stats {
      left: 2px;
  }

• 

  thesacredpath · Member · Sep 5, 2013 at 10:03 pm

  • Copy link

  If you want to move the comment box up to lessen the whitespace above it, you can add the following.

  .fyre {
      top: -40px;
  }