To center it just add this to your CSS:

#AddThisBox {
width: 144px;
}

And if you want it under the nav bar just move the code from your Custom Footer box to the Custom Header box.

Hmmm, I just tried that...didnt work :(

I'm not seeing the code on your page, did you remove it?

Oh my. I have 2 smugmug sites and it is giving me a VERY HARD TIME WORKING ON THEM BOTH!!!! Once I logged out, it updated. Sorry and THANK YOU... If you have time can you tell me why the text in my custom header is blurry? I save it for web as a png. Do you have an ideas? I have tried both jpgs and pngs and they both are blurry...?

Good evening

I placed a facebook site on my home web page. The code is in my Bio, but I can not get a like button or it to show anything more than the facebook box. I have been working on this most of the afternoon. Can you please give me some insite and direction. My webpage is http://www.davegamblephotography.com/

Thanks

Dave

So two things. First off in your bio right above this bit:

<div class="fb-like"

You have an open <a> tag that needs to be closed. You will probably have to edit this in the customize tab of your control panel as I would guess your bio box is broken because of it.

As for the like button, I think something is amiss with facebook, I have seen a few people having problems with adding that code and I'm not sure why.

Originally Posted by Smug Eric So two things. First off in your bio right above this bit: <div class="fb-like" You have an open <a> tag that needs to be closed. You will probably have to edit this in the customize tab of your control panel as I would guess your bio box is broken because of it. As for the like button, I think something is amiss with facebook, I have seen a few people having problems with adding that code and I'm not sure why.

Eric

Thank you, I went in to my control panel and the Bio box and made the change I think you refered to it still does not seem to work. Do you have any other ideas ? Can you look at the code in the Bio box ?

Thank you for all your help,

Dave

I too have tried the original instructions at the top of this thread with no luck. I get 3 boxes with red X's in them at the top of my page on the left side stuck behind my drop menu (I have since just removed the code but it was a copy paste...fill in the blanks of #2 above and no luck. Been trying to figure this out since my trial started and still no luck. Help help help! I have the icons, I just can't make them appear or act as buttons to bring a viewer to my other social pages...

Ok so i added them to my footer, but how do i hide them from my front page slide show? They just sorta showed up on my slide show right in the middle and i can't get rid of them.

I want them on every page BUT the homepage slideshow.

Originally Posted by Chris Ocean Ok so i added them to my footer, but how do i hide them from my front page slide show? They just sorta showed up on my slide show right in the middle and i can't get rid of them. I want them on every page BUT the homepage slideshow.

Nevermind, i figured it out.

So Iread all of this, and I still can't figure out how to put both twitter and facebook links to my pages on my smugmug site. In the customizer it only allows one image link. Can someone please explain this to me. I am a bit embarrassed that I am so clueless with web stuff...

Ok, I figured out how to get the icons on there but the centering of them is a mystery... Anyone?

We will need a link to your site to be able to assist in any way.

Hello, I made a custom footer image with Facebook and Twitter logos on it, and wanted to make them clickable like on web-example (http://pksample.smugmug.com). That's what I've got so far, but it doesn't work. Any help?
CSS:
#slFooterSMI {
WIDTH: 120px ; FLOAT: right ; HEIGHT: 75px
}
#slFooterSMI A {
MARGIN: 0px auto; PADDING-LEFT: 15px; PADDING-RIGHT: 15px;
}
#slFooterFacebook {
POSITION: absolute ;
DISPLAY: block; WIDTH: 32px ; HEIGHT: 32px
}
#slFooterTwitter {
POSITION: absolute ; DISPLAY: block ; WIDTH: 32px ; HEIGHT: 32px
}
#slFooterFacebook {
TOP: 35px ; LEFT: 575px
}
#slFooterTwitter {
TOP: 35px ; LEFT: 640px
}

Custome Footer:
<DIV id=customFooter>
<DIV id=slFooterSMI> <A id=slFooterFacebook
title=Facebook href="http://www.facebook.com/svitlanalys">Facebook</A> <A id=slFooterTwitter title=Twitter
href="http://www.twitter.com/svitlanalys">Twitter</A>
</DIV></DIV>

I'm not seeing that code on your site anywhere. But I am seeing some social buttons on your page. Did you get this sorted out?

Eric, the code is in my theme, maybe that's why you don't see it. I figured it out, but I ran into another problem: I'm using IE and I've used absolute position for FB and Twitter to connect it with my footer pic, it worked ok on my laptop. But when I tried it on the other laptop, links were positioned further on the left of the pic. So social buttons didn't worked, and empty space near it did work... Both laptops had the same resolution 1280 by 800. Than again on my laptop, when I have my IE window on maximize, social buttons and actual links connected, when I restore the window down they are out of place.. Same with Opera..
Any thoughts?

lanalys.sugmug.com

Replace the code you have for the #footer #FooterSMI and for the button links with what is here

#footer #FooterSMI {
    height: 10px;
    width: auto;
}

#footer #FooterSMI #FooterFacebook {
    bottom: 50px;
    display: block;
    height: 40px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: 17px;
    width: 40px;
}

#footer #FooterSMI #FooterTwitter {
    bottom: 90px;
    display: block;
    height: 40px;
    left: 42px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    width: 40px;
}

I replaced the code you gave me, but the result is the same. They are out of place on other laptops and when I'm restoring my window down too

Ok, I see what you mean. Smaller changes this time. In the #footer change the width to 1030px instead of 100%. Then add this to your CSS:

#customFooter {
padding-left: 0px !important;
padding-right: 0px !important;
}

#customHeaderContainer {
padding-left: 0px !important;
padding-right: 0px !important;
}

Thanks. Worked well