Skip to:

Align buttons horizontally ?

  • Guys, please, before I lose my mind -… someone please tell me how to style those bumpy buttons (twitter, G+ & Co) to align horizontally?
    No matter what I put in the css, they all show one bellow the other!

    Thanks a bunch!

Viewing 5 replies - 1 through 5 (of 5 total)

  • pcwriter



    The ShareIt buttons should display horizontally by default. In buddypress-share-it/style.css, you’ll see:
    `.share-buttons ul li, .share-buttons-blog ul li, .share-buttons-group ul li`
    Make sure the following style rules are present:
    ` display: inline-block;
    float: left !important;`

    What theme are you using? They may be inhering other styles from your theme that are overriding the button styles. Use Firebug to check for those other styles.



    Looks like the CSS isn’t getting loaded, if you are using a custom theme you might need to copy over styles that pcwriter suggested

    HI! Thanks for the help, got them to comply eventually :)

    Unfortunatelly I had to deactivate the plugin, because it was causing some real issues with the activity stream (blocking it) and also the “load” function on the bottom (not loading anything).

    Guess I’ll have to “hack” some buttons directly now …



    It’s probably something else on your site causing a problem. The plugin works fine on a default install bt could clash with unknown plugins



    Ok so I’m looking at my site using Firebug Lite on Safari .. I can see where my theme is using
    display: block

    instead of
    display: inline-block;
    float: left !important;

    Now what the heck do I do to change that?? LOL … I tried all kinds of combinations of copying the share it css to my theme css .. nothing changes and I’m a code idiot. :)

    What am I missing ..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Align buttons horizontally ?’ is closed to new replies.
Skip to toolbar