Changing the Color From Grey to whatever!!!

[Guest]

:( I seem to be having trouble with changing the color from grey to whatever I need it to be which would be a blue color. I have changed the stylesheet.css and i use cuteftp to change it. Now am i supposed to use the file manager within the admin or is it appropriate to use FTP. I really need some help. Here is my stylesheet if anyone can help please!!!!!

 

.infoBox {

background: #b6b7cb;

}

 

.infoBoxContents {

background: #f8f8f9;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

As you can see i changed some of the original colors and yet it doesn't show up. I also cleared my cache by deleting the history and cookies. PLEASE HELP!!!!!

[dolalu]

You can use both

 

Have you searched WIKI for help?

 

http://wiki.oscommerce.com/docsCatStyle

 

Also are you uploadeing it to the correct dir? ie catalog not admin.

 

Luke Dolan

[Guest]

With CuteFTP I can edit it the when it uploads it does change the file, but not the color. When i checked it on file manager it was changed to what i had but it doesn't show at all?? Why could this be?? Is there only a certian color code that can be used???? :(

[bluepony]

Double-check that you are looking at the right one. There are two stylesheet.css files. One in Catalog and one in Catalog/Admin

[Guest]

I was looking at the one under catalog/stylesheet.css and then changed like i did above and the color is not showing up. Are those colors i put in there valid, i mean this is kinda fustrating. :angry: , but i love the responces i am getting. PLEASE help!!!!!

[Guest]

To change the foot bar colour find this code and change the background colour. I normally open up a blank Dreamweaver window and choose the colour I want, I then cut and paste the colour code into the document.:-

 

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #3399FF;

color: #ffffff;

font-weight: bold;

}

 

To change the head colour bar find this code, again it is the background colour you need to change:-

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #3399FF;

color: #FFCC33;

font-weight : bold;

}

 

To change the header bars on top of all the catagories find this code, again background colour. You will see after changing this colour that the curved corners of the boxes remain unchanged, this is because they are gif files and you will need to change them in a program like fireworks or photoshop, all you need to do is copy the colour code and paste that into your paint pallete to get the exact match. You will find these GIFs here \catalog\images\infobox:-

 

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #3399FF;

color: #ffffff;

}

 

To change the keylines of these boxes find this code:-

 

.infoBox {

background: #3399FF;

 

Hope this helps.

 

Mark :)

[cdi-buy.com]

you need to edit the file and then upload it. it won't have any effect if you try to edit the file on the server.