How to horizontally align Buttons code in the footer?

HTML & CSS
1

I have added some code for Button to my footer. (added code Bold)

I would like the new buttons to align horizontally with the Share button (left side)

All help appreciated

http://trade-th.com/

<!-- begin: #footer –>
<div id=“footer”>

<div id=“footer-share”></div>

<div class="addthis_toolbox addthis_default_style ">
<a class=“addthis_button_facebook_like” fb:like:layout=“button_count”></a>
<a class=“addthis_button_google_plusone” g:plusone:size=“medium”></a>
<a class=“addthis_button_tweet”></a>
<a class=“addthis_button_pinterest_pinit”></a>
<a class=“addthis_button_linkedin_counter”></a>
<a class=“addthis_button_stumbleupon_badge”></a>

2

Add this class to your CSS:

.addthis_toolbox {padding-top:20px;}

Also remove margin-top: 16px; from the following in your stylesheet

#footer-nav {
display: block;
float: right;
margin-top: 16px;
line-height: 23px;
padding-right: 10px;
text-align: right;
}
3

Hello fazthegreat,

many thank yous for your fast reply, that modification is working well :slight_smile:

the code looks like this below, just to check I have it correct :slight_smile:

/* footer */
.addthis_toolbox {padding-top:20px;}
#footer { font-weight: bold; color:#555555; background: #fff; height: 70px; padding: 0 20px 0 20px; border-top: 1px solid #c0c7cb; }
#footer_categories { color: #4d5059; margin-top: 10px; line-height: 17px; }
#footer_categories a { color: #4d5059; }

4

You’re welcome, looks good. Happy it worked for you.