Some help with the style sheet

Here is the link to my store. http://www.mccoymotorsportsinc.com/zencart/index.php?main_page=index&cPath=1_3

Can you tell me where to change to get the brown bar out I need it to be the darker of the gray.

Also I have changed the background somewhere for the product as you can see that one of them is gray and the other is white. I need to fix this also.

Should I post the styesheet?

this is a graphic image called > tile_back.jpg and is located in includes -> templates -> YOUR_TEMPLATE -> images

You'll have to create a new image (same size as this one) but change the color to whatever you choose.

Check your stylesheet ...

Find these lines and comment it out:

background-image: url(../images/tile_back.jpg);

This comment will allow you to see where they belong should you need them in the future ...

/background-image: url(../images/tile_back.jpg);/

Specifically, your image file is includes/templates/classic/images/tile_back.jpg

There's no need to post your stylesheet. As you've given a link we can see it anyway.

The reason for the different colors in your product listing is because you have amended color but left an f at the end of the color for the odd rows. This creates a CSS error and results in a white display instead of the gray you were trying for.

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

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

Ajeh:

Check your stylesheet ...

Find these lines and comment it out:

This comment will allow you to see where they belong should you need them in the future ...

I have already done that. I just want to use a color. I don't know where its located on the syle sheet.

BODY {
background-color: #000000;
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.png);/
background-repeat: repeat-x;
background-color: #999999;
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: #999999;
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:#000000;
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: #999999;
}

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

TR.headerInfo {
background: #999999;
}

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: #CCCCCC;
padding: 2px;
}

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

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
background-color: #999999;
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: #999999;
/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: #999999;
/* 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{
background-color: #abbbd3;
/* 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: #000000;
padding-top: 11px;
}

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

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

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

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

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

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

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

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

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

TD.productListing-data-description-even {
background: #CCCCCC;
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: #ff0000;
}

span.productSpecialPriceSale {
color: #ff0000;
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: #999999;
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;
}

I got it working. I didn't know that I had to edit stylesheetnew

Thanks for the help.

Your site shows that you have clearly figured this out for yourself already. So let meinstead concentrate on just clarifying that when I say, with typical British understatement "There's no need to post your stylesheet", what I mean is "Please don't clutter up the forum with reams of completely irrelevant and unnecessary CSS" whose effect most of the time will be to disuade other users from helping you.

Nevertheless, this was only your second post, so welcome to Zen Cart and feel free to post specifc questions and a link to your site if you need further help.

British huh...Well I work for a British company. https://www.goodridge.net

I have been using a cheap text editor and when I posted the code then I was able to see it a little better. Then I fixed it and I went to edit my post to remove and I didn't see any buttons for that so I just left it.

I got this sorta figured out so I shouldn't have to be much more trouble.

However I would like to pick your brain just one more time on an off subject.

I want to display the the new items for the month on an html page. If this is to much I'll just try my self. I know only very litte about php.

Thanks

Matthew Midgett

mmidgett:

I went to edit my post to remove and I didn't see any buttons for that so I just left it.You can edit a post for 5 mins, after that the Forum Administrators come round and cast it in stone to live forever in the archives of the forum, unless they change their mind and delete it instead. Either way it's out of your control.

mmidgett:

I want to display the the new items for the month on an html page.At the bottom of the categories box on the left of your site is a New Products link. Click on this and your new products will be displayed.All Zen Cart pages are in HTML (or XHTML) format as that's what browsers read. Is this what you meant or am I missing something?

Well I need to display them in a page outside the cart. On my main page
https://www.mccoymotorsportsinc.com

mmidgett:

Well I need to display them in a page outside the cart. On my main page
https://www.mccoymotorsportsinc.comUnsurprisingly, Zen Cart can only operate within its own boundaries. So you have two choices. Either extend Zen Cart's boundaries to include your whole site, which it is capable of doing. Or write you own programs to read your product database and build the pages you need outside Zen Cart. Both are achievable, but both would require a reasonable amount of fairly straightforward programming.