How to make it more like…

Community Forums Forums Design Tips and Tricks How to make it more like…

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  QUESTIONM 1 year, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #21480

    rogerp
    Participant
    Post count: 47

    I run my site on the Eleven40 theme but want to make it a bit more like this

    http://blog.ioshints.info/ or this http://etherealmind.com/

    Both these sites look a bit tighter than mine and I do have a lot of white space around, Ideally I want to move to a sidebar/content/sidebar layout but in order to do that I need to make the padding a bit less between these elements.

    Any suggestions?

    Thanks

    Roger

    http://www.rogerperkin.co.uk/ccie

    #21608

    Sridhar Katakam
    Participant
    Post count: 1019

    Try adding the following at the end of theme’s style.css (WP Dashboard -> Appearance -> Editor):

    .content-sidebar #content {
    padding-right: 10px;
    }

    .sidebar {
    width: 300px;
    }


    #22142

    QUESTIONM
    Participant
    Post count: 9

    I was actually just having this same problem. If I understand correctly you want to push your content away from the left side of the screen and more towards the center?

    If that’s the case look for:

    /* Content
    ———————————————————— */

    #content {
    float: left;
    width: 740px;
    }

    .sidebar-content #content {
    float: right;
    }

    .full-width-content #content {
    width: 100%;
    }

    .hentry {
    margin: 0 0 50px;
    }

    and change it to:

    /* Content
    ———————————————————— */

    #content {
    float: left;
    width: 740px;
    }

    .sidebar-content #content {
    float: right;
    }

    .full-width-content #content {
    width: 100%;
    }

    .hentry {
    margin: 0 50px <–(or however far you want to push it) 50px;
    }

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.