Margins

[BoostGost]

I would like to add 15px of space in between each section of my site. For example... 15px between the left sidebar and the center contents...etc. I have tried a few things in the stylesheet but to no avail. Can anyone steer me in the right direction as far as where and what code to change the margins on? Thanks!

--Brian

[kobra]

Brian,

This is all in the stylesheet and can be template specific and we can not see your site

Post a link to it

[BoostGost]

Brian,

This is all in the stylesheet and can be template specific and we can not see your site

Post a link to it

I've just started messing with it so there is still a whole lot on there that I need to remove and change but here is where I am for now: I started with the template_default.

http://www.thirteen20performance.com/novel

[kobra]

You appear to have sussed the left & right columns through width settings
For the center I suggest you use the following
Find this in your stylesheet and seperate in to it's own the .centerColumn to end as last posted

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.centerColumn {
        text-align: center;
	}

#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

[BoostGost]

Thanks again kobra, I definitely needed to center that column. Do you know where to manipulate the code that would control the gaps in between the left/center/right containers?

[kobra]

It would be better if you describe your issue in detail. Stating "gaps between containers", while you know what you are seeing & wanting to change we do not.

[BoostGost]

Ok on my site right now I have from left to right: Black Left Sidebar, white contents (center), and the black right sidebar.

I would like to have black left sidebar, 15px space (where the background gray of the page is showing), white center contents, followed by another 15px gap, and then the black right sidebar. I'm sorry if I am being confusing. I just don't want the different parts of my site to touch each other....I'd like to have a space in between each. Does this help out a little more? Let me know if I can explain it a little better.

[kobra]

Well you really so not have a gray background anywhere BUT try editing/adding the following to your stylesheet and see if I am understanding what you are explaining

/*sideboxes*/
.columnLeft {border: 15px solid #9a9a9a;}
.columnRight {border: 15px solid #9a9a9a;)

[BoostGost]

This link may not work correct in firefox but it may work in internet explorer. You can see what I am trying to accomplish with the spacing in b/ween the sidebars and contents area on this page.

http://www.thirteen20performance.com/worx27.html

The gray I was talking about on my page is the dark gray background.

[kobra]

Start with these and find in your stylesheet and edit to match & see what is then missing

.centerColumn  { 
        background-color: #000000;
	text-align: center;
	}

.leftBoxContainer {
	border: 2px solid #9a9a9a;
	margin-top: 1.5em;
	}

.sideBoxContent {
	background-color: #000000;
	padding: 0.4em;
	}