How to centre a Facebook Badge Within a html Widget

• 

  thelastcabal · Member · May 7, 2011 at 3:10 am

  • Copy link
  • Add topic to favorites

  Hi there,

  Is someone able to help me centre my facebook badge within the html widget? It us currently all the way to the left of the widget and is only taking up half of the area. I tried to make the badge larger, but it just look messy.

  Any help would greatly be appreciated.

  Cheers

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

• 

  thelastcabal · Member · May 7, 2011 at 3:11 am

  • Copy link

  Also would anyone know why the badge picture is not showing in chrome, but it is showing in IE?

  Thanks again

• 

  thesacredpath · Member · May 7, 2011 at 6:11 am

  • Copy link

  Open that text widget and put this at the beginning
  <div style="text-align:center;">

  and put this at the end
  </div>

• 

  thesacredpath · Member · May 7, 2011 at 6:15 am

  • Copy link

  Also for break tags, you need to use the following which is self-closing and HTML5 compliant.

  <br />

  Note the space between the ” r ” and the ” / ” .

• 

  thesacredpath · Member · May 7, 2011 at 6:21 am

  • Copy link

  And I have no idea why it is not showing up in Chrome. It shows up in Safari, Opera and Firefox on my Mac.

  Check the preferences with Chrome and make sure it is set to download and show images.

• 

  thelastcabal · Member · May 7, 2011 at 7:22 am

  • Copy link

  Mate, I really appreciate your help worked a charm. Cant wait to have iframes allowed on wordpress.com. In regards to Chrome not showing the picture, I have no idea. It is the only picture that wont come through. But again thanks for your help.

• 

  thesacredpath · Member · May 7, 2011 at 7:45 am

  • Copy link

  You are welcome.

  I certainly don’t see anything in the code that would mess it up. It is really straight forward, just a text link and an image link.

  All I can do is shrug.