WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Better placement of AddThis button [a solution] (5 posts)

  1. ymf
    Member
    Posted 4 years ago #

    I found the way to beautify the placement / display of AddThis plugin's toolbar relative to the GD Star Rating plugin's toolbar. Here is how:
    add the following CSS insert (which was very easy since I use Atahualpa 3.4.6 theme):

    div.addthis_container {/*AddThis toolbar*/
    	display:inline;
    	float:right;
    }

    To see how this hack works, check the image of GD Star Rating and AddThis toolbars "BEFORE" the change: http://img171.imageshack.us/img171/6923/addthisbeforechange.gif

    ... and "AFTER" the change: http://img705.imageshack.us/img705/8360/addthisafterchange.gif .

    Much better to my eye :)

    Credit goes to brotherjoy ( http://www.addthis.com/forum/viewtopic.php?f=3&t=5552&start=0 )

    http://wordpress.org/extend/plugins/addthis/

  2. Family Reflections
    Member
    Posted 3 years ago #

    thank you

  3. ymf
    Member
    Posted 3 years ago #

    This doesn't work in 2.0.1 any longer...

  4. traceelements
    Member
    Posted 3 years ago #

    Use this:

    .addthis_toolbox {display: inline; float: right;}

  5. ymf
    Member
    Posted 3 years ago #

    Yes, I figured that out.

    A related issue is: in Google Chrome browser, the right-floated Addthis toolbar sometimes splits in two lines (as shown here: http://img832.imageshack.us/img832/6755/unled1tx.gif). The workaround is to manually define the toolbar's width, e.g.

    .addthis_toolbox {display: inline; float: right; min-width: 163px;}

Topic Closed

This topic has been closed to new replies.

About this Topic