left sidebox color bar

I have created a new template from the default template which by default has a colored "bar" above the "catagories, reviews, information and more information" side box header names on the left. Does anyone know how to get rid of these? I tried just changing the color to white to hide them, but it creates a undesireable layout problem. I have searched the archives for days but can't seem to find the answer.

The URL where this can be seen?

https:/www.oneweeworld.com/weecatalog/
I'm referring to the black bars on the left above each sidebox

Firstly, I congratulate you with using the override system. Secondly, that you are starting from scratch.

Basically with the default template, the colors and other things are left as such that you would have to experiment and learn your way around. The easiest way for you is to compare right to left.

You will first see that your navigational columns(side rows) have different background colors. As you are using a white background, change the color declaration of #navColumnOne to white(#ffffff).

Now, you will see an extra margin still exists between side boxes on that left column, but at least it's white. Go back into your stylesheet and compare between that one and the right one. Maybe you'd like to margin your right side as the left side. So, you've probably noticed that margin is coming from .leftBoxContainer and you can't find the .rightBoxContainer... no worries, copy and paste that code from the left container and change the title to .leftBoxContainer.

It's all trial and error, but it's a good way to learn the basics. :smile:

Thank you VERY much. I am able to balance the design now!! :smile:

You're very welcome. :D

Looks great, but you should have a little note about Java required. I have Java blocked in Firefox and your neat script in the header didn't appear, but I saw it with Explorer. :wink2: