Sidebox Color

[boomerie]

Folks

I have followed the steps for adding a background image to the bottom of the side boxes which works fine for me. However I cannot for the life of me see where the coding is for the green bar underneath the image that i added. Can anyone point me in the right direction of what is no doubt a simple solution

http://trendsupplies.ie/

Shane

[kuroi]

It's in your stylesheet2.css. Section that reads

.leftBoxContainer, .rightBoxContainer {stylesheet2.css (line 551)
border-color:#9A9A9A #9A9A9A #336633;
border-style:solid;
border-width:1px 1px 5px;
margin:1.5em 0 0;
}

[fairestcape]

For starters, you have TWO stylesheets loading:

stylesheet.css
stylesheet2.css

Decide which one you want to use and get rid of the one you don't want. (You may need to "amalgamate" them before you delete/remove one).

If you look in stylesheet2.css , find:

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

border-bottom: 5px solid #336633;

... is the issue you need to deal with.

[fairestcape]

It looks like you have "abandoned" stylesheet.css in order to use stylesheet2.css .

FTP stylesheet.css to your home computer (for backup purposes), then DELETE the original on the server.

Then, on the server, RE-NAME stylesheet2.css back to stylesheet.css

[fairestcape]

It's in your stylesheet2.css. Section that reads

Kuroi...

The declaration for the border-bottom is higher up the stylesheet. This needs to be dealt with. In your sample, there is no border-bottom declaration so the earlier style will still apply, surely?

Also, as TWO stylesheets are being called, there may be a range of other conflicts (or counter-manding style calls).

In short... the stylesheets need to be properly amalgamated and configured.

[boomerie]

It's in your stylesheet2.css. Section that reads

Thank you, i was looking at the wrong stylesheet!

Shane

[boomerie]

For starters, you have TWO stylesheets loading:

stylesheet.css
stylesheet2.css

Decide which one you want to use and get rid of the one you don't want. (You may need to "amalgamate" them before you delete/remove one).

If you look in stylesheet2.css , find:

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

border-bottom: 5px solid #336633;

... is the issue you need to deal with.

Now im wondering about this, I am using the default install of zencart, I did make a copy on the server of the original stylesheet (called it stylesheet2.css) now Im wondering how it got to be called as I didnt tell it to be called :S

[fairestcape]

Any file with the .css file extention will be called, and in alpha-numeric order.

As the protocol for CSS is to apply declarations chronologically, the declarations will be applied both in the order they are listed in a stylesheet AND the order in which stylesheets are loaded.

If you call up your HOME PAGE, then look at the PAGE SOURCE (the background html) you will see in the header what stylesheets are being loaded.

Have NOTHING is the css folder called xxxxxxxxxx.css, unless you want to use the styles therein declared.
There is a README file in the css folder... Study it for a few minutes...

Consider using FIREFOX browser with the Web Developer Add-on to help you analyse your pages off-line. That's how Kuroi and I found both your error, and your border issue.