How can i do to have my facebook button like and google plus in the same line

(@karina-1984)

I am having trouble to put my facebook button like and google plus in the same line, under the title of my post articles.

Now looks like messy, if someone could help i would really apreciate.

this is the page http://enviajes.cl/huayhuash/

The codes i used where were for single.php in a Child Theme

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>

Viewing 2 replies - 1 through 2 (of 2 total)

John Schuster
(@johncschuster)

10 years, 2 months ago

Hi there Karina

It looks like you’ll need to do two things,

1: Put the script for the two divs in the post header
2: add a little CSS to those divs to get them sitting next to each other.

I tried just a simple float: left for the Google Plus div and a float: right for the Like button div. I also had to lower the width of the Google Plus div to around 80px so the margin between the two was so huge. You’ll probably want to play around with the width to get it just how you like it.

John Schuster
(@johncschuster)

10 years, 2 months ago

Just to clarify, you’ll need to edit the style.css file and create those divs in order to see those changes. I’m away from my editors right now but I’ll try to throw some code together for you in a little bit.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How can i do to have my facebook button like and google plus in the same line’ is closed to new replies.

Tags