changing colours

hi guys i have been trying to change the colour of the white section above my header image from white to green but just cant get it to change any ideas also i need to get rid of the orange in my side boxes if someone can help it would be much appreciated thank you
the site is

https://www.phoenixgaragedoors.com.au

thank you all so much for your help

This is easily diagnosed using the add-on Firebug for Firefox

uniqueliving:

hi guys i have been trying to change the colour of the white section above my header image from white to green but just cant get it to change any ideas also i need to get rid of the orange in my side boxes if someone can help it would be much appreciated thank you
the site is

www.phoenixgaragedoors.com.au

thank you all so much for your help

Ok let's see if we can change it for you...

1. Download and install FireFox (if you don't have it already)
2. Install Firebug (an add on for FireFox)
3. Go to your site in FireFox, under Tools, start Firebug and Viola!
   you can play with your css to your hearts content. In Firebug, you can select your css, then select the

element you want to change, and edit. Changes will be shown in real time without actually modifing the css, so

you can see if your changes give you the desired effect. Once satisfied, go to your real stylesheet and comit

the changes.

You can find FireFox and Firebug here. www.mozilla.com/firefox

So if you use Firefox Browser with the Firebug plugin, you will be able to do offline analysis of your page -

including revealing and editing of styles.When i click on view source I see the following two stylesheet.css being called within your site
includes/templates/orange/css/stylesheet.css
includes/templates/orange/css/stylesheetok.css

When I use firebug on your page, I see:

includes/templates/orange/css/stylesheetok.css
#navMainWrapper {color:#41A317;
margin:0 0 3px;
width:100%;
}

2. Change color:#41A317;

3. to this:

4. background-color:#41A317;

includes/templates/orange/css/stylesheetok.css

#catBoxDivider {
border-bottom:2px solid #FFB761;
}

2. change #FFB761

3. To whatever color you would like

h3.leftBoxHeading, h3.rightBoxHeading, h3.singleBoxHeading {
background:url("../images/sklep_4.gif") repeat-x scroll left top #FF660C;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
}

2. Change this:

3. background:url("../images/sklep_4.gif") repeat-x scroll left top #FF660C;

4. To this:

5. /*

background:url("../images/sklep_4.gif") repeat-x scroll left top #FF660C;*/

6. What these brackets do is comment out the code so if you ever need to use it again, just take out the brackets

Thank you so much Haredo worked a treat now have firebug for my fire fox and sort of know how to use it makes things easy. didnt know i could edit from it

YOu are most welcome, and that's what the forum is all about is teaching you the tools to master your site... :smile:

mistake