Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Footer colour problems in stylesheet?


motorsportclocks

Recommended Posts

Hey, I've searched everywhere and can't find a problem similar to this.

I can't get the footer text to come up in anything other than black. When I was running a grey background, it was fine in black but there was no tr.footer or TD.footer code in the stylesheet.

Website: http://www.ultimatemotorsportclocks.co.uk/shop. Highlight around where the footer should be and you'll see the problem.

 

I 'copy and pasted' this in, ammended it to fit the colourscheme but it remains black. Where's my mistake?

 

TD.headerInfo {

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

font-size: 12px;

background: #A9ACB6;

color: #00009C;

font-weight: bold;

text-align: center;

}

TR.footer {

background: #000000;

}

 

TD.footer {

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

font-size: 10px;

color: #0000CC;

font-weight: bold;

}

.infoBox {

background: #000000;

}

 

 

Entire stylesheet code:

/*

$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: #00009C; font-weight: bold; }

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

.productsNotifications { background: #A9ACB6; }

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

 

BODY {

background: #000000;

margin: 0px;

}

 

A {

color: #A9ACB6;

text-decoration: align="center";

font-weight: 900;

}

 

A:hover {

color: #AABBDD;

text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #0D0D0D;

}

 

TR.headerNavigation {

background:#A9ACB6;

}

 

TD.headerNavigation {

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

font-size: 10px;

background: #A9ACB6;

color: #00009C;

font-weight : bold;

}

 

A.headerNavigation {

color: #0D0D0D;

}

 

A.headerNavigation:hover {

color: #0D0D0D;

}

 

TR.headerError {

background: #00009C;

}

 

TD.headerError {

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

font-size: 12px;

background: #A9ACB6;

color: #00009C;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #A9ACB6;

}

 

TD.headerInfo {

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

font-size: 12px;

background: #A9ACB6;

color: #00009C;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #000000;

}

 

TD.footer {

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

font-size: 10px;

color: #0000CC;

font-weight: bold;

}

 

.infoBox {

background: #000000;

}

 

.infoBoxContents {

background: #000000;

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

font-size: 10px;

color: #00009C;

}

 

.infoBoxNotice {

background: #000000;

}

 

.infoBoxNoticeContents {

background: #000000;

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

font-size: 10px;

}

 

TD.infoBoxHeading {

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

font-size: 10px;

font-weight: bold;

background: #000000;

color: 00009C;

}

 

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: #f8f8f9;

}

 

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: #f8f8f9;

}

 

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

 

.productListing-heading {

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

font-size: 10px;

background: #b6b7cb;

color: 00009C;

font-weight: bold;

}

 

TD.productListing-data {

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

font-size: 10px;

}

 

A.pageResults {

color: #00009C;

}

 

A.pageResults:hover {

color: #00009C;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

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

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

 

TR.subBar {

background: #0D0D0D;

}

 

TD.subBar {

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

font-size: 10px;

color: #00009C;

}

 

TD.main, P.main {

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

font-size: 11px;

line-height: 1.5;

color: #00009C;

}

 

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

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

font-size: 10px;

}

 

TD.accountCategory {

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

font-size: 13px;

color: #aabbdd;

}

 

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: #00009C;

}

 

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;

font-weight: 900;

}

 

SPAN.greetUser {

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

font-size: 14px;

font-weight:900;

color: #f0a480;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

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: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

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

color: #00009C;

}

 

SPAN.errorText {

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

color: #00009C;

}

 

.moduleRow { }

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

.moduleRowSelected { background-color: #E9F4FC; }

 

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

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

 

/* 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: #ffb3b5; }

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

 

/* input requirement */

 

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

 

I can't find the problem!

Help appreciated, thanks. :)

Link to comment
Share on other sites

TR.footer {

background: #000000;

}

 

needs to be changed to a color other than black.

"Great spirits have always found violent opposition from mediocre minds. The latter cannot understand it when a man does not thoughtlessly submit to hereditary prejudices but honestly and courageously uses his intelligence." - A. Einstein

Link to comment
Share on other sites

No worries now, I solved it by going into footer.php and screwing about with the code to get:

 

<?php

/*

$Id: footer.php,v 1.26 2003/02/10 22:30:54 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

 

?>

<table border="0" align="center" width="100%" cellspacing="0" cellpadding="1" >

<tr class="footer">

<td align="center"><strong>  <?php echo strftime(DATE_FORMAT_LONG); ?>  </td>

 

</tr>

</table>

<br>

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr>

<td align="center" class="smallText"><strong><font color="000009C">Copyright 2005-2006 ? Oliver Juggins and Ultimate Motorsport Clocks. All rights reserved.

</td>

</tr>

</table>

Link to comment
Share on other sites

That is in each page in the main catalog folder. Search for HEADING_TITLE and the table cell below contains the image call.

"Great spirits have always found violent opposition from mediocre minds. The latter cannot understand it when a man does not thoughtlessly submit to hereditary prejudices but honestly and courageously uses his intelligence." - A. Einstein

Link to comment
Share on other sites

Hey, I've searched everywhere and can't find a problem similar to this.

I can't get the footer text to come up in anything other than black. When I was running a grey background, it was fine in black but there was no tr.footer or TD.footer code in the stylesheet.

Website: http://www.ultimatemotorsportclocks.co.uk/shop. Highlight around where the footer should be and you'll see the problem.

 

I 'copy and pasted' this in, ammended it to fit the colourscheme but it remains black. Where's my mistake?

Entire stylesheet code:

I can't find the problem!

Help appreciated, thanks. :)

 

To change the text color in the style you will need to change the smalltext class.

 

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

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

font-size: 10px;

color: #ffffff;

}

add the line in red and change it to the color you want.

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...