How to center the wordpress follow button in sidebar

• 

  reneeandburthq · Member · Apr 4, 2014 at 7:58 am

  • Copy link
  • Add topic to favorites

  Hi,

  I want to center the wordpress follow button on in the sidebar. I am using the adelle theme. Blog is http://www.beckabonce.com

  Thanks

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

• 

  jayantkumariitr · Member · Apr 4, 2014 at 9:08 am

  • Copy link

  If you are using the code for “wordpress follow” button, you may try
  <center> code </center>.
  I used to do it to center align the widgets in sidebar (like: ad display etc.)

• 

  reneeandburthq · Member · Apr 4, 2014 at 9:20 am

  • Copy link

  Didn’t work, what code am I meant to place in there?

• 

  designsimply · Member · Apr 4, 2014 at 8:18 pm

  • Copy link

  Because of how the follow button is setup as an iframe, you cannot modify it directly using CSS, but we might be able to work around that by cheating and pushing the whole thing over to the left.

  Try adding this to your Appearance > Customize > CSS editor:

  .widget_follow_button_widget iframe {
  	margin-left: 60px;
  }

  If the number of followers gets to hundreds or thousands, you may have to adjust the CSS a little to move it over a bit more.

• 

  reneeandburthq · Member · Apr 4, 2014 at 8:28 pm

  • Copy link

  Thank you so much! It was bugging me!

• 

  designsimply · Member · Apr 4, 2014 at 8:53 pm

  • Copy link

  It was the only one not centered before! lol

  I checked http://beckabonce.com/ and it looks great now. :)