Skip to:
Content
Pages
Categories
Search
Top
Bottom

Align buttons horizontally ?

  • Avatar of candy2012
    candy2012
    Member

    @candy2012

    1 year, 6 months ago

    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

    1 year, 6 months ago

    @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

    1 year, 6 months ago

    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

    Avatar of candy2012
    candy2012
    Member

    @candy2012

    1 year, 6 months ago

    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

    1 year, 6 months ago

    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
    xposurepro
    Participant

    @mckown

    7 months, 3 weeks ago

    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)

You must be logged in to reply to this topic.

Topic Info

Topic Tags