Forums

My CSS keeps overriding Sociable's and making it list vertically (3 posts)

  1. buysteampunk
    Member
    Posted 7 months ago #

    My site, BuySteampunk.com, uses the Sociable plug-in. However instead of looking all neat and pretty with the icons sitting in a horizontal line, they are stacked vertically with my LI bullets next to them. I checked to use Sociable's CSS in the settings, but my site CSS still seems to override it. Any suggestions? Thanks!

  2. esmi
    Member
    Posted 7 months ago #

    I can't see any reference to any additional CSS added by the Sociable plugin. However, it should be relatively easy to add the appropriate styling to your theme's CSS. Start off by adding the following to the bottom of your theme's style.css file:

    .sociable li {display:inline;}

    That should bring the icons back onto a single horizontal line.

  3. timwarren
    Member
    Posted 6 months ago #

    That changed it from vertical to horizontal, but they still have titles instead of icons.

    Any ideas on how to get the icons back?

    P.S. In another theme with the same exact settings, it still displays the icons horizontally with no change to the code.

Reply

You must log in to post.

About this Topic

Tags