• Thedishmaster

    (@thedishmaster)


    I have two sidebar items, entitled “subscriptions options” and “popular posts” and they are too close together. Does anyone know how to increase the space between them?

    Here’s my site:

    http://www.thedishmaster.com

Viewing 12 replies - 1 through 12 (of 12 total)
  • Sure, just add this to your style.css:

    #suboptions-widget-5 {
        margin-bottom: 19px;
    }

    Just tweak the 19px value as you wish.

    Thread Starter Thedishmaster

    (@thedishmaster)

    That code does not exist in my CSS template. Any other suggestions?

    Ummm, yeah I know it does not exist in your CSS template. That’s why I said ADD it to your style sheet.

    Thread Starter Thedishmaster

    (@thedishmaster)

    wowowowoww IT WORKED!!!!!!!!!!!!!! THANKS! I DIDN’T GET IT AT FIRST — I’M TOTALLY CHALLENGED WHEN IT COMES TO THIS STUFF.

    Thread Starter Thedishmaster

    (@thedishmaster)

    DO YOU know how to add space between the dotted line and the subscriptions options? The line is completely close to the icons and it looks strange.

    primalpeg

    (@primalpeg)

    I was searching for some info on removing space between posts and widgets and came across this thread. dgwyer, can you help me? I’ve been trying to learn a little about css on my own but it’ll be a pretty slow process. I made a couple html websites in college but I don’t know if it’s helping me much.

    Anyway, the whole theme I’m using is super spacious (bueno). I like it in a lot of ways, but the space between posts and widgets I think is just a bit too big. Can you help me with this? I’d be much obliged.

    Oh and by the way, I also don’t know how to add a picture running along the top. i’d like that too 🙂

    My website is http://theprimalparent.com

    @thedishmaster

    Sure, just change the EXISTING style rule for #sidebar h2 to this:

    #sidebar h2 {
        border-bottom: 1px dotted #FF3300;
        font-size: 20px;
        margin: 0 5px 10px 0;
        padding: 0 0 0.3em;
        text-indent: -5px;
    }

    Here the 10px value controls the distance between the red dotted line and the subscriptions.

    @primalpeg

    The style you need to change in the style.css file can be seen below:

    .post {
        background-color: #FFFFFF;
        border: 5px solid #EFEFEF;
        margin: 0 0 60px;
        padding: 50px 0 0 34px;
        position: relative;
    }

    The value 60px controls the spacing between posts. However, I noticed that the .post class is being added again just before your closing head tag which overrides the style.css .post class.

    I am telling you this because if you altered just the style.css .post class you may see no visible difference on your site. You need to find out how to add my suggested change to the second .post class.

    As for adding a picture running along the top. I’m not sure what you mean by this exactly, sorry.

    primalpeg

    (@primalpeg)

    Ah ha. I get it. That helped me make a bunch of changes! Thanks a lot for your help!!!!

    No problem. Glad it helped!

    Thread Starter Thedishmaster

    (@thedishmaster)

    Do you know how to add space between the “subscription options” title in my sidebar and the orange, dotted line under that title. For some reason, the dotted line is super close to the icons and it looks weird. Thanks so much!

    [duplicate: http://wordpress.org/support/topic/how-do-i-add-padding-between-sidebar-icon-and-line?replies=1
    please mark this thread as ‘resolved’ and continue with the new thread]

    @thedishmaster I answered this above..

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How do I add padding between my sidebar items?’ is closed to new replies.