Forums / Templates, Stylesheets, Page Layout / Bottom Green Bar in every Side Box - How do I change its Color?

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

Locked

Views: 2,039

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
26 Jun 2008, 12:28 PM
#1
zcnb avatar

zcnb

Zen Follower

Join Date:
Jun 2008
Posts:
338
Plugin Contributions:
0

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

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

26 Jun 2008, 1:03 PM
#2
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

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

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.

26 Jun 2008, 2:39 PM
#3
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

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

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

26 Jun 2008, 3:13 PM
#4
zcnb avatar

zcnb

Zen Follower

Join Date:
Jun 2008
Posts:
338
Plugin Contributions:
0

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

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. :blush: I am still learning how to customize it so that I don't expose a half-baked web site prematurely.

Thanks again!
Daniel