Forums

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

  1. buysteampunk
    Member
    Posted 2 years 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
    Theme Diva & Mod
    Posted 2 years 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 2 years 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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags