Adding social networkign icons to a mini-header at the top of page.

[Skull]

First I want to say thank you in advance for any advice or help given in this thread, I really appreciate it.

I have a website (made from a template) and I'd like to put some social media icons (facebook like, Google+ etc) in the top right, in the black bar. The bar seems able to handle images ok (see http://www.veryvocalenglish.com/originalindex.html)

but when I try to add something more complicated like the facebook like button, it gets stuck in the centre. Bah. Thats the trouble with templates eh?

http://www.veryvocalenglish.com

Is it possible to either alter the CSS for the black bar so it's workable, OR can someone provide replacement code that will create an identical black bar along the time that I can put my social networking buttons in?

Here is the CSS for the "helpdesk"

/*helpdesk*/
#helpdesk { width: 980px; padding: 0 890px; margin: -145px -870px 0; height: 45px; line-

height: 45px; color: #8d8d8d; background: #000; text-align: right; float: right; font-size:

.8em;}
#helpdesk a { float: right; color: #8d8d8d; margin: 0;}

 

[Skull]

Do you mean I need to add a div class for the facebook like button to my CSS, or change the code facebook provides?

<div class="fb-like" data-href="https://www.facebook.com/pages/Very-

Vocal-English/194080157341336" data-send="false" data-layout="button_count" data-width="80" data-

show-faces="false"></div>

I'm really scratching my head over this one... I've managed to install a Google+ button instantly with no hassle, but because the facebook one is a div everything gets screwed up...

 

[Skull]

Apparently I do not actually have that in my CSS, but I added
fb-like {float:right} to the bottom of my CSS file and the facebook button remains resolutely in the centre of the page. Sigh! Maybe I should just give up and stick it elsewhere.