How to put space between narrow and wide column.

  • Resolved danitah

    (@danitah)


    15 years, 8 months ago

    Just loaded the 2.8 version of www.ads-software.com and now there is minimal space between my narrow and wide columns. I’m very new to this and tried changing the widths, margins, etc… but nothing seems to work. This is the area I’ve been changing:

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 0px 0 0 150px;
    width: 200px;
    }

    Any suggestions on what I can do?

    This is my body and page stucture (if relevant?!)

    body {
    margin: 0 0 20px 0;
    padding: 0;
    }

    #page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }

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

  • A link to your site would help.

    Thread Starter danitah

    (@danitah)

    Oh yeah! Here’s my site. Also, it now seems I have been playing around with the numbers so much I screwed up my individual posts pages. The posts are now only a small fraction of the page width… . Please help!

    To expand the width of your single posts, edit style.css (line 274) and change

    .widecolumn {
margin:0 0 0 150px;
padding:10px 0 20px;
width:450px;
}

    to

    .widecolumn {
margin:0 auto;
padding:10px 0 20px;
width:90%;
}

    On the post list pages, you may want to pull the text away from the menu on the right hand side. If so, add

    .narrowcolumn .entry {padding:0 20px 0 0;}

    to the bottom of your stylesheet.

    Thread Starter danitah

    (@danitah)

    Thanks so much for the help! It worked!! Now I just need to figure out how to left align my sidebar… any takers?

    Thread Starter danitah

    (@danitah)

    Oh here is the site..

    Not nailed it all yet but this should sort a lot of it.

    style.css (line 24) In the body declaration, remove text-align:center;

    style.css (line 190). In #sidebar add:

    float:right;
width:230px;

    style.css (line 447) Amend #sidebar ul, #sidebar ul ol and change padding:0; to padding:0 10px 0 0;

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to put space between narrow and wide column.’ is closed to new replies.