Skip to:
Content
Pages
Categories
Search
Top
Bottom

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)
  • Avatar of pcwriter
    pcwriter
    Participant

    @pcwriter

    @candy2012

    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.

    Avatar of @modemlooper
    @modemlooper
    Moderator

    @modemlooper

    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 …

    Avatar of @modemlooper
    @modemlooper
    Moderator

    @modemlooper

    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

    Avatar of xposurepro
    mckown
    Participant

    @mckown

    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 .. http://xposurepro.com/community-activity/

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

The forum ‘BuddyShare’ is closed to new topics and replies.