Remove grey border around center section

I was able to remove the grey border around my header, logo and footer but how do I remove it from the sides of the main area, you can see it when the page loads and I want to remove it.

You can see it at http://www.scribblescrap.com/cart

:wacko:

Remove it from these two sets of styling in your stylesheet_new.css

#navColumnOne {

padding: 0.5em;
border-left: 1px solid #cccccc;

}
#navColumnTwo {

padding: 0.5em;
border-right: 1px solid #cccccc;

}

That worked, thank you very much.

:thumbsup:

how do you remove the grey borders from everything? the header, the main navigation?...everything. i suspect its in a css file, but which one?

thanks!!

if you are using a custom template based on template_default, then you need to edit the stylesheet.css file

To remove the border around the main nav area you need to edit stylesheet_new.css.

From this:

#navColumnOne {
padding: 0.5em;
border-left: 1px solid #cccccc;
}
#navColumnTwo {
padding: 0.5em;
border-right: 1px solid #cccccc;
}

To This:

#navColumnOne {
padding: 0.5em;
/ border-left: 1px solid #cccccc;/
}
#navColumnTwo {
padding: 0.5em;
/ border-right: 1px solid #cccccc;/
}

All the other borders are in stylesheet_original.css and I just added /* before and / after every place it said border. When you add / before and */ after any line it will exclude that command. It is better to do it this way so if you change your mind you can just remove the /**/ and you can use that line again without having to remeber what you deleted.

Hope this helps.

Dana
:smile:

okay i got that figured out! thanks.
but now how do i remove the borders from around the header and the footer areas? i cant seem to find anything in the css files.

thanks!