Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing the Color From Grey to whatever!!!


Guest

Recommended Posts

:( 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!!!!!

Link to comment
Share on other sites

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???? :(

Link to comment
Share on other sites

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!!!!!

Link to comment
Share on other sites

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 :)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...