Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #3165

    Please scroll 75% of the way down on http://thesmarterscienceofslim.com/the-idea. You’ll see that the AddThis social bookmarking buttons are not laying out on a single line as the html provided on http://www.addthis.com/ would suggest. Two questions:

    1) How can I get them on one line?

    2) How can I stop the orange underline from showing?

    Thanks! Great support so far!

    #40953

    Hey,

    1.) Edit the widget / embed code and remove the 2:

    <br>

    elements (BR means line break in HTML).

    2.) Add this to the end of style.css:

    .addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300m, .addthis_default_style .at300bs {
    border-bottom: none;
    }

    Hope this helps!

    James

    #40954

    Thanks James. This got rid of the orange underline for the Like and Tweet buttons, but they still aren’t on the same line and the Share button still has an orange underline.

    Thanks for your help so far.

    #40955

    Also, I’m still getting the orange underline on the little social media buttons in my “Share the Science of Slim” widget in the left margin near the top.

    Thanks again for all your help James

    #40956

    Hey,

    Between the tweet and like buttons break tags
    are insert. Please remove them on the will be displayed side by side.

    To remove the underline from the share buttons add following to style.css:

    .addthis_toolbox a, .addthis_toolbox a:hover, .at300bs a, .at300bs a:hover, .addthis_default_style .addthis_counter a, .addthis_default_style .addthis_counter a:hover{
    border: none !important;
    text-decoration: none !important;
    }

    #40957

    Dude! You rock! Thank you so much.

    #40958

    Glad that I could help you :)

    #40959

    Hello – I’m now trying to add these buttons on pages and each button is laying out on a separate line versus all of them being on a single line. For example, see under the video on: http://thesmarterscienceofslim.com/test/. I am just copying and pasting the following code which is working fine on other pages such as: http://thesmarterscienceofslim.com/the-book/

    Thanks for any help you can provide.

    <p> </p><!– AddThis Button BEGIN –>

    <div class=”addthis_toolbox addthis_default_style “>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    <span class=”addthis_separator”>  </span>

    </div>

    <script type=”text/javascript”>var addthis_config = {“data_track_clickback”:true};</script>

    <script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=jonathanbailor”></script>

    <!– AddThis Button END –>

    #40960

    I’m uncertain about this one, all I can suggest is generate a new code here and check if it works out for you..

    #40961

    *I suggested the above assuming you don’t see the icons either (I only see a bunch of blank spots stacked on top of each other).

    #40962

    Thanks for your help Chris

    #40963

    I hope I helped, I just re-visited your site and it seems a little missed up (social bar included multiple times generating strange alignment). If you include only one we can help you with the alignment/styling if needed.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Addthis social bookmarks don't layout correctly’ is closed to new replies.