How to change the "Sort items by" rollover alt tag?

[Heyzoos]

Hi-

I'm using version Zen Cart 1.3.0.2 and had to change the 'Model' - 'Item Name' - 'Price' column heading fonts on the Products Page. Problem is now when you rollover these headings, the alt tag is "Sort Items By...<font color="ffffff">Model</font>".?!?!?! How can I remove the "<font color="ffffff">Model</font>"? I wouldn't mind if the "Model" remained. Any ideas?

Many thanks!

[Kim]

Why did you add the font color to the language file instead of using the CSS to change it?

[Heyzoos]

I couldn't find where to do that? Is there a specific tag that needs to be changed? Thanks!

[seethrou]

Will the topic below helps?
problem with productListing-heading css

.

[Heyzoos]

This one has me stumped??? I've tried everywhere I can think of to try to change this but I can't seem to make it work...

Here's my includes/templates/classic/css/stylesheet_original.css....can you point me in the right direction? Thanks!


BODY {
background-color: #e5edf5;
color: #000000;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font: 11px Verdana, Arial, sans-serif;
}

.centershop {
padding: 0px;
margin: 0px auto;
/*position: relative;*/
text-align: left;
width: 750px !important;
}

TD.main, P.main {
font-size: 11px;
line-height: 1.5;
}

A {
color: #428dff;
text-decoration: none;
}

A:hover {
color: #ffb062;
text-decoration: none;
}

FORM {
display: inline;
}
.banners {
padding: 15px;
}

/*HEADER CSS*/

TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

TABLE.headerNavigation {
background-image: url(../images/tile_back.jpg);
background-color: #abbbd3;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
width: 100% !important;
}

TD.headerNavigation {
position: relative;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
letter-spacing:1px;
padding: 5px;
}

TD.breadCrumb {
font-size: 10px;
font-weight: bold;
color: #9a9a9a;
padding: 3px;
border-bottom: 1px dotted #9a9a9a;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a {
font-weight: bold;
color: #ffffff;
}

TD.headerNavigation A:hover, td.footertop a:hover {
color: #a8cfff;
}

TR.headerError {
background: #ff0000;
}

TD.headerError {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

/*SIDEBOX CSS*/

.column_left, .column_right, .column_single {
background: #ffffff;
padding: 2px;
}

.boxText {
font-size: 11px;
line-height: 125%;
}
.leftbox, .rightbox, .centerbox, .singlebox {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
background: #ffffff;
border: 1px solid #9a9a9a;
margin-bottom: 15px;
}

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
/*background-color: #abbbd3;*/
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 3px;
height: 20px;
padding-left: 5px;
}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
color: #ffffff;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
background: #abbbd3;
background-image: url(../images/tile_back.jpg);
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
line-height: 125%;
padding: 4px;
border-top: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
background-color: #abbbd3;
background-image: url(../images/tile_back.jpg);
margin-bottom: 15px;
}

.plainBox, .plainbox-description {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
background: #ffffff;
border:1px solid #9a9a9a;
padding: 5px;
}
.plainBoxHeading, TD.tableHeading {
font-size: 12px;
font-weight: bold;
padding: 11px 5px 5px;
}
.productListing-heading {
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 3px;
height: 20px;
}

TD.productListing-heading{
font-weight: bold;
color: #ffffff;
background-image: url(../images/tile_back.jpg);
}

TD.productlisting {
border:1px solid #9a9a9a;
}

TD.productListing-data {
font-size: 10px;
padding: 5px;
}

/*center main section
-----------------------------------*/
TD.pageHeading, DIV.pageHeading, h1 {
font-size: 16px;
font-weight: bold;
color: #4F3D78;
padding-top: 11px;
}

.center_column {
padding: 8px;
}
.main_page{
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;
}

/* footer
--------------*/

TABLE.footer {
background: #ffffff;
text-align: center;
font-size: 10px;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

TR.footertop {
background: #abbbd3;
background-image: url(../images/tile_back.jpg);
font-size: 11px;
}

TD.footertop, TD.footerbottom {
padding: 5px;
}

/*miscellaneous areas
-------------------------------------*/
TD.cartBox {
background: #eff4f8;
font-size: 10px;
padding: 3px;
border: 1px dotted #ffb062;
}

TR.productListing-odd, TR.upcomingProducts-odd {
background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
background: #eff4f8;
}

TD.productListing-data-description-odd {
background: #ffffff;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #9a9a9a;
}

TD.productListing-data-description-even {
background: #eff4f8;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #9a9a9a;
}

td.pageresults a {
color: #428dff;
}

td.pageresults a:hover {
background: #FFFF33;
}

SPAN.newItemInCart {
color: #ff0000;
font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
font-size: 10px;
}

TD.fieldKey {
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-size: 12px;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-size: 11px;
}

.greetUser {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

SPAN.greetUser {
color: #f0a480;
font-weight: bold;
}

SPAN.markProductOutOfStock {
color: #c76170;
font: bold 12px Verdana, Arial, sans-serif;
}

span.normalprice {
text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
color: #000000;
}

span.productSpecialPriceSale {
color: #000000;
text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
font-size: 10px;
color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {
background-color: #ff0000;
color: #ffffff;
font-size: 10px;
padding: 4px;
border: 1px solid #9a9a9a;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #9a9a9a; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffff00; }

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
font-weight: bold;
}
TD.ot-total-Amount {
font-weight: bold;
border-top: 1px solid #9a9a9a;
}
TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {}


/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
color: #ff0000;
font-size: 10px;
text-align : left;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
border-top: 1px solid #9a9a9a;
}

/* General alert span class */
/*TD.alert, SPAN.alert {
color: #FF0000;
font-weight: bold;
}*/

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
color: #000000;
font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
background-color: #ffffff;
margin: 6px;
padding: 6px;
font: 11px Verdana, Arial, sans-serif;
}

/* categories_description */
TABLE.categoriesdescription {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
background: #D0D0D0;
border:1px solid #9a9a9a;
}

TD.categoriesdescription {
font-size: 11px;
line-height: 1.0;
}

/* categories box parent and child categories */
A.category-top {
color: #008000;
text-decoration: none;
}
A.category-links {
color: #004080;
text-decoration: none;
}
A.category-subs, A.category-products {
color: #FF0000;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}

/* attribute images table */
TABLE.products-attributes-images {
/* width: 100%; */
/* border: 1px solid #9a9a9a; */
float: left;
padding: 2px;
}

[seethrou]

What is your exact problem, in what page and what section?
If possible give the url to peek of, it will help the communications between both of us.

.

[Heyzoos]

I want to be able to change the 'Model' - 'Item Name' - 'Price' column heading fonts to White ("ffffff") on the Products Page. Since the 'Product Image' isn't a link that can be sorted by, it doesn't need to be changed. I can't where to change this on the .css page???

[seethrou]

You already have in your stylesheet.

TD.productListing-heading{
font-weight: bold;
color: #ffffff;
background-image: url(../images/tile_back.jpg);
}

But it affect the whole table row header, and for the
TD.productListing-heading{

for it to take effect, it should be changed to
TD .productListing-heading {


In the topic I had refered in my first post above, it already has the info for you.

At the end of your stylesheet add the following codes. It only change the link color of the table row header and excluding the image for it is not a link.

.productListing-heading a {
	color: white;  /* the links in color white  */ 
}	
	
.productListing-heading a:hover {
	color: maroon;  /* the links in color maroon while mouse hover on */
}

Hope this helps.

.