Where is "box_bg.jpg"?

[yonside]

Hi,

I am using Zen Cart Classic 1.3.7.1 and changing the color of my side boxes. I have found in the CSS where to change the color from white to off-white but only the top of each box is changed. The bottom portion of each box is still white.

http://yonsidemanse.com/dwellinthegarden/

I suspect that I need to alter "box_bg.jpg" but I can't find it. The location is "background-image: url(../images/box_bg.jpg)" but what is the full URL where this is specifically located?

And if this is not the right solution, what should I be doing to completely change the color in all sideboxes?

Thanks for your help!

##############################___



.leftBoxContainer, .rightBoxContainer {

margin: 0em;

border: 1px solid #9a9a9a;

border-bottom: 5px solid #384b38;

margin-top: 1.5em;

/* create free space at the bottom of the box in which to display the image */
padding-bottom: 20px;
/* add the image to the boxes background */
background-image: url(../images/box_bg.jpg);
/* position the image at the bottom and center of the box */
background-position: bottom center;
/* EITHER set the image to not repeat */
background-repeat: no-repeat;
/* OR set it to repeat horizonatally */
background-repeat: repeat-x;

}

[kuroi]

That file isn't a part of standard Zen Cart and nor is that CSS.

However, to answer your question, the CSS is expecting to find it at this location: includes/templates/classic/images/box_bg.jpg but it doesn't appear to actually exist on your site.

To apply that color to the whole of the box, add it to the CSS for .leftBoxContainer and .rightBoxContainer instead of .sideBoxContent.

[yonside]

That file isn't a part of standard Zen Cart and nor is that CSS.

Interesting. I pasted that code directly from the CSS of my Zen Cart, which is the standard cart, I believe.

Anyway, how would I apply this? I mean, do I create a square of color and name it "box_bg.jpg" and then save it to the URL you posted, since that line of code is already in my CSS? How do I know how large a box it should be?

Thanks!

[kuroi]

No. Let go of that idea. It would work, but is unnecessarily onerous. To achieve the effect you want, just follow the advice I gave in the final paragraph of my previous post.

[yonside]

"No. Let go of that idea..." A very Zen way to answer!

So I applied the off-white color to the CSS for .leftBoxContainer and .rightBoxContainer instead of .sideBoxContent, and this time only the lower portion of the boxes were off-white, leaving the upper parts of the box white. Ack.

But I then applied that off-white color again to .sideBoxContent, and now all the boxes are the off-white color I want them to be. So your answer was very helpful in directing me to add a background-color tag to .leftBoxContainer and .rightBoxContainer.

Thanks so much for your help!