sociable is too spaced out

  • Resolved nitetripp

    (@nitetripp)


    15 years, 10 months ago

    i’m sure there is some user error involved or it just maybe my template…
    the sociable buttons are too far spaced out and would like them to be nice and neat starting on the left side of the posts.

    any idea how to fix that?

    my site: ipodfood

    thanks in advance!

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

  • hi – add this line to your style.css file, in the theme folder

    #content div.sociable ul li { 0 0 0 8px; }

    You can adjust the 8px to however you like it – it is currently displaying as 30px

    Thread Starter nitetripp

    (@nitetripp)

    thank you!!! i actually just changed the 30px to something else! i’m not “css literate” but know enough to break stuff! haha

    thanks again! got it working!

    I’m sure it’s just user error on my part but after placing that code in my stylesheet my icons are still spaced too far apart. Does it matter where specifically the code snippet is placed within the stylesheet?

    Nitetripp, what was sized 30px to cause sociable to distort in your stylesheet?

    Hi

    Try placing that line at the end of the CSS file. Each theme handles CSS differently so a generic answer may not work on a specific theme.

    Sorry, still nothing. I’ve tried it with default settings and I’ve tried it with the contents of sociable.css copied into my stylesheet and the “sociable stylesheet option” deactivated.

    I’ve tried it at the bottom of my stylesheet, near the top, and I’ve tried it in amongst sociable’s stylsheet.

    I am using the three column Vertigo Theme by Brian Gardner.

    Thread Starter nitetripp

    (@nitetripp)

    hey- i found the part where it had the 30px and changed it to .5 to get them closer.

    From:
    #content li {
    margin: 0 0 0 30px;

    to:
    #content li {
    margin: 0 0 0 .5px;

    now i want to figure out how to make the text smaller! ??

    I’m afraid that doesn’t help me, my stylsheet is different from yours nitetripp.

    I am still unable to fix this problem. Should I start a new topic? This one is marked as resolved and that may be dissuading others from offering possible solutions.

    I posted the code (changed it to .5) in my global style sheet and my sociable style sheet and it still doesn’t change any ideas?

    Hey there –
    sorry to heat up this old problem, but I still encounter the unusual “icons spacing out” problem, apart from all the solutions you’ve recommended. My site’s at planetdamage.com (and the theme is Arthemia) and I’d be grateful if any of you guys could come up with a cool solution! Any ideas?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘sociable is too spaced out’ is closed to new replies.