Forums

Decrease Spacing Between Side Bar Widget Titles (12 posts)

  1. EatFree
    Member
    Posted 3 months ago #

    Hi!

    The titles for my side bar widgets ("Follow Me", "Search", "Subscribe", etc) are currently approx. 1/2 inch apart. I'd it so they are approx. 1/4 inch apart (closer together.) I have no knowledge of coding, so would appreciate it if someone would tell give me some detailed steps as to how to go about doing this. My url is http://www.eatfreeblog.com.

    Thanks so much!

  2. ragzor
    Member
    Posted 3 months ago #

    find this in your style.css

    .wp-social-icons .social-icon {
        display: inline;
        float: left;
        list-style: none outside none;
        padding: 0 0 0 24px !important;
        position: relative;
        width: auto;
    }

    and adjust padding: 0 0 0 24px !important;

    good luck

  3. EatFree
    Member
    Posted 3 months ago #

    thanks! haven't tried yet, but I see that it says "wp social icons" which refers to my "follow me" title, so would this decrease spacing between ALL widget titles or just between the "follow me" and above and below?

    Thanks so much! my url is http://www.eatfreeblog.com

  4. EatFree
    Member
    Posted 3 months ago #

    (Just wanted to clarify--I'd like to decrease the spacing between ALL side bar widget titles. Please help! thanks!)

  5. ragzor
    Member
    Posted 3 months ago #

    all sidebar widgets? can u explain pls =P

  6. EatFree
    Member
    Posted 3 months ago #

    Hi! If you see my website (www.eatfreeblog.com) on the sidebar, I have several widgets: tagcloud, sponsors, search, etc. I'd like to decrease the spacing between ALL of them and have that be so for any future widget inclusions. How can I do that? I have barely any coding knowledge, so detailed instructions would be highly appreciated! THanks so much!!!

  7. ragzor
    Member
    Posted 3 months ago #

    oh i guess u editted the post :P ok anyway look for

    #sidebar {
        float: right;
        margin: 0 20px 0 0;
        text-align: left;
        width: 200px;
    }

    in your style.css and adjust it accordingly :/ btw just a suggestion :P some parts of your website look broken you might wanna fix those too :D

  8. EatFree
    Member
    Posted 3 months ago #

    Which number should i adjust?

    Also, do you mean broken links?

  9. ragzor
    Member
    Posted 3 months ago #

    sorry my bad find this piece of code

    #sidebar h3 {
        background: url("images/titles.png") no-repeat scroll 0 0 transparent;
        color: #C05083;
        font-size: 1.5em;
        font-weight: bold;
        height: 30px;
        margin: 40px 0 0;
        padding: 3px 0 0 38px;
    }

    and make margin: 40px 0 0;tomargin: 10px 0 0;

    and see if it works for u and not broken links i ment visual glitches like menu overflowing as well as the footer :D

  10. EatFree
    Member
    Posted 3 months ago #

    wow,thanks so much--it worked! now would you know how to get rid of the "no comments" i have under each post? thanks so much!!!

  11. EatFree
    Member
    Posted 3 months ago #

    and yea, i noticed the menu overflow too and dont like it. any suggestions?

  12. ragzor
    Member
    Posted 3 months ago #

    to remove no comments i would need index.php and archive.php files of ur theme

Reply

You must log in to post.

About this Topic