Bottom Green Bar in every Side Box - How do I change its Color?

[zcnb]

I was able to to change the color of the top bar in the side boxes (as shown below), but how do I changed that thinner bar at the bottom?



Thanks,
Daniel

[MeltDown]

You will most likely need to identify the area to be able to effect change. Speaking generally, since I don't have a link to your site, the best way to identify the bits and peices that make up a page is to view that page in Firefox web developer. Once you have installed Web Developer, open the page in Firefox and select Dispay ID & Class Details from the Information drop down list. You should be able to get a sense of what it is you are wanting to change and then locate that bit within your stylesheet.css.

[charmedbytina2]

If you are using the "classic" template look for this in your stylesheet and adjust the color as needed.

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

Tina

[zcnb]

Wow! Thank you very much to both of you, MeltDown and charmedbytina2!

Thanks to MeltDown I discovered this great tool, Web Developer, which I didn't know it existed. I have no idea how I managed to do without it until now. Thanks to Web Developer, I quickly found that the color "bottom green bar" in question is handled in:

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

When I came to share my findings and thank MeltDown, I discovered that charmedbytina2 has already identified the object.

As for a link to my store, my store is not up yet. I am still learning how to customize it so that I don't expose a half-baked web site prematurely.

Thanks again!
Daniel