SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Feb 2012
    Location
    Kiwi in Bangkok
    Posts
    373
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to horizontally align Buttons code in the footer ?

    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" glusone: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. #2
    SitePoint Enthusiast
    Join Date
    Apr 2009
    Location
    FL
    Posts
    33
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Add this class to your CSS:

    .addthis_toolbox {padding-top:20px;}

    Also remove margin-top: 16px; from the following in your stylesheet
    Code:
    #footer-nav {
    display: block;
    float: right;
    margin-top: 16px;
    line-height: 23px;
    padding-right: 10px;
    text-align: right;
    }

  3. #3
    SitePoint Addict
    Join Date
    Feb 2012
    Location
    Kiwi in Bangkok
    Posts
    373
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello fazthegreat,

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

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

    /* 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; }


    Quote Originally Posted by fazthegreat View Post
    Add this class to your CSS:

    .addthis_toolbox {padding-top:20px;}

    Also remove margin-top: 16px; from the following in your stylesheet
    Code:
    #footer-nav {
    display: block;
    float: right;
    margin-top: 16px;
    line-height: 23px;
    padding-right: 10px;
    text-align: right;
    }

  4. #4
    SitePoint Enthusiast
    Join Date
    Apr 2009
    Location
    FL
    Posts
    33
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You're welcome, looks good. Happy it worked for you.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •