Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

style css file settings?


tim_ver

Recommended Posts

I am trying to change out the left column categories font size and color for all the categories, The last line in categories is blue now for See all. I can not figure out which line I need to edit to change from the light grey now to a red. I have changed the sub categories that display in the center of the body page. This is what I have now in the css file. Anyone please point me to the line I need to change?

 

I had to change it seems almost ever color to the one I just wanted for sub cat color. Is there another spot I can check and fix this for main categories color and font"for all of them", or is it the stylesheet css file only?

 

 

Thanks Very much.

 

 

Style css file:

 

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #4FAAD7; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #4FAAD7; text-decoration: underline; }

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

}

 

A {

color: #4FAAD7;

text-decoration: none;

}

 

A:hover {

color: #4FAAD7;

text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ffffff;

}

 

TABLE.popup {

border-width: 1px;

border-style: dotted;

border-color

}

 

TR.headerNavigation {

background: #bbc3d3;

}

 

TD.headerNavigation {

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

font-size: 10px;

background: #bbc3d3;

color: #4FAAD7;

font-weight : bold;

}

 

A.headerNavigation {

color: #4FAAD7;

font-size: 13px;

font-weight: bold;

text-decoration: none;

}

 

A.headerNavigation:hover {

color: #4FAAD7;

font-size: 13px;

font-weight: bold;

text-decoration: underline;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

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

font-size: 12px;

background: #ff0000;

color: #4FAAD7;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #00ff00;

}

 

TD.headerInfo {

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

font-size: 12px;

background: #00ff00;

color: #4FAAD7;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #bbc3d3;

}

 

TD.footer {

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

font-size: 10px;

background: #bbc3d3;

color: #4FAAD7;

font-weight: bold;

}

 

.infoBox {

background: #D3D1D1;

}

 

.infoBoxContents {

background: #FFFFFF;

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

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #FFE6E6;

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

font-size: 10px;

}

 

TD.infoBoxHeading {

background-image: url('images/infobox/corner_center.gif');

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

font-size: 18px;

font-weight: normal;

color: #000000;

display: none;

}

 

TD.infoBox, SPAN.infoBox {

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

font-size: 10px;

}

 

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #D9DCDC;

//shopping-cart content color

}

 

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #D9DCDC;

//shopping-cart content color

}

 

TABLE.productListing {

border: 0px;

border-style: solid;

border-color: #4FAAD7;

//shopping-cart header/footer color

border-spacing: 1px;

 

}

 

.productListing-heading {

 

border-left:1px solid #FFFFFF;

border-right:1px solid #FFFFFF;

border-top:0px solid #FFFFFF;

border-bottom:3px solid #FFFFFF;

text-align:left;

 

 

color: #4FAAD7;

font-weight: bold;

padding: 11px;

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

font-size: 13px;

background: #D4D7D7;

//shopping-cart header/footer color

}

 

TD.productListing-data {

border-left:1px solid #FFFFFF;

border-right:1px solid #FFFFFF;

border-bottom:2px solid #FFFFFF;

text-align:center;

vertical-align:top;

padding:10 10 10 10;

 

 

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

font-size: 13px;

color: #4FAAD7;

}

 

 

 

A.pageResults {

color: #4FAAD7;

}

 

A.pageResults:hover {

color: #4FAAD7;

}

 

A.pageResults:visited {

color: #4FAAD7;

}

 

 

TD.pageHeading, DIV.pageHeading {

font-size: 11px;

font-weight: bold;

color: #4FAAD7;

text-transform: uppercase;

 

 

 

text-decoration: none;

height:29px;

width: 100%x;

background-image: url('images/m99.gif');

 

background-repeat: repeat x;

padding-top:0px;

padding-left: 15px;

 

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

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

font-size: 10px;

color: #000000;

}

 

TD.main, P.main {

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

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

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

font-size: 10px;

padding-left: 10px;

}

 

TD.accountCategory {

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

font-size: 13px;

color: #4FAAD7;

}

 

TD.fieldKey {

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

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

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

font-size: 12px;

}

 

TD.tableHeading {

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

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

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

font-size: 10px;

color: #4FAAD7;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

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

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

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

font-size: 11px;

}

 

SPAN.greetUser {

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

font-size: 12px;

color: #4FAAD7;

font-weight: bold;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #4FAAD7;

border-style: solid;

border-width: 1px;

}

 

TD.formAreaTitle {

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

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

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

font-size: 12px;

color: #4FAAD7;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

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

color: #4FAAD7;

}

 

SPAN.errorText {

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

color: #4FAAD7;

}

 

 

 

.pr_name{

font-size: 11px;

color: #4FAAD7;

text-decoration: none

 

}

 

 

.pr_price{

font-size: 13px;

font-weight: bold;

color: #4FAAD7;

 

}

 

.pr_descr{

font-family: tahoma, verdana, arial;

font-size: 11px;

color: #4FAAD7;

 

 

}

 

.pr_category{

font-family: tahoma, verdana, arial;

font-size: 11px;

color: #4FAAD7;

 

}

 

 

 

.moduleRow { }

.moduleRowOver { background-color: #4FAAD7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #4FAAD7; }

 

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4FAAD7; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4FAAD7; }

 

/* message box */

 

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #4FAAD7; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #4FAAD7; }

 

/* input requirement */

 

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4FAAD7; }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

td{

font-family: tahoma, verdana, arial;

font-size: 11px;

color: #C7334E;

}

 

.ch1{

border: #A9A9AB 1px solid;

}

 

.ch2{

font-size: 11px;

font-weight: bold;

color: #545454;

text-transform: uppercase;

}

 

.ch3{

border-top: #9F293E 1px solid;

}

 

.ch4{

font-size: 11px;

font-weight: bold;

color: #FFFFFF;

text-transform: uppercase;

}

 

.ch5{

border: #C5C6C6 1px solid;

}

 

.ch6{

font-size: 13px;

font-weight: bold;

color: #5DC702;

}

 

.ch7{

border-top: #C5C6C6 1px solid;

}

 

.ch8{

padding-left: 7px;

}

 

.ch9{

font-size: 11px;

font-weight: bold;

color: #339FC7;

}

 

.ch10{

font-size: 12px;

font-weight: bold;

color: #828070;

}

 

.ch11{

font-size: 11px;

color: #828070;

}

 

.ml1{

font-size: 10px;

color: #A9A9AB;

}

 

.ml2{

font-size: 10px;

color: #A9A9AB;

text-decoration: none

}

 

.ml3{

font-size: 10px;

font-weight: bold;

color: #4CABCE;

}

 

.ml4{

font-size: 11px;

color: #C7334E;

text-decoration: none

}

 

.ml5{

font-size: 10px;

color: #339FC7;

font-weight: bold;

text-decoration: none

}

 

.ml6{

font-size: 10px;

color: #EEC2CA;

font-weight: bold;

text-decoration: none

}

 

.ml7{

font-size: 11px;

color: #545454;

text-decoration: none

}

 

.ml8{

font-size: 9px;

color: #9B9C9C;

}

 

.ml9{

font-size: 11px;

text-decoration: none;

color: #545454;

}

 

.ml10{

font-size: 11px;

text-decoration: none;

color: #888677;

}

 

.se{

width: 132px;

font-size: 9px;

color: #A9A9AB

}

 

 

 

 

 

 

 

 

.image_border{

border:1px solid #C5C6C6;

}

.cart_border{

border:1px solid #C5C6C6;

}

Link to comment
Share on other sites

lol Tim, this is not too helpful for other :-)

 

the categories box entries, do not have a stylesheet class applied ...I suggest adding one within the <a href= part so it reads <a class="yourClass" href=

 

As they are links, they currently use the color for A tags by default

:-)

Monika

 

addicted to writing code ... can't get enough of databases either, LOL!

 

my toolbox: Textpad - Compare and Merge - phpMyAdmin - WS_FTP - Photoshop - How to search the forum

 

Interactive Media Award July 2007 ~ category E-Commerce

my advice on the forum is for free, PMs where you send me work are considered consultation which I charge for ...

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...