Recent Topics

1 Apr 07, 2007 01:24    

I am trying to change the width of the space between the sidebar and the main body (where the posts are displayed).

See the picture.

I know it's somewhere in my skin's stylesheet.css but I cannot remember where I need to change parameters to make that space a bit thinner...

Thanks.

2 Apr 07, 2007 01:48

find .bSideBar and check the margin left usually expressed as something like...
margin: 2px 4px 0px 500px;
Use whatever numbers you like but the last(4th) number is margin left

Ie margin: toppx rightpx bottompx leftpx;

3 Apr 07, 2007 01:48

We say this over and over, and here it goes again.

Got Link?

A link to your blog so we can see the problem in action is worth a heck of a lot more than any textual description of an issue ever crafted in the history of the three planets that make up our human federation.

5 Apr 07, 2007 02:06

Just play with the following, especially contentLeft and/or contentRight and the width percentages

/* -- Content layout/display styles -- */
#content {
float: left;
width: 100%;
padding: 0.5em 0 0.5em 0;
background-color: #666;
}
.margin {
padding: 0em 0.5em 0em 0.5em;
}
#contentLeft {
float: left;
width: 23.3%;
font-size: 1em;
margin-bottom: 1em;
background: #777 url(../images/corner_sub_tr.gif) no-repeat top right;
}
#contentRight {
float: right;
width: 75%;
font-size: 0.8em;
line-height: 1.8em;
background: #777 url(../images/corner_sub_tl.gif) no-repeat top left;
}

6 Apr 07, 2007 02:30

Thanks John...

It worked perfectly...

Is there any way I can change the bottom space too (between the sidebar/body and the footer image)...?

Thanks.

7 Apr 07, 2007 02:48

Try changing contentLeft, margin-bottom:1em to margin-bottom:0;
You may also want to add that to the contentRight css as well, as one will always be longer than the other and effect the footer.
Then add margin-top:3px; ( pick a number) to the class #footer

8 Apr 07, 2007 02:56

Perfect...

Thanks a lot...:-)


Form is loading...