Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    May 2006
    Posts
    10
    Plugin Contributions
    0

    Some help with the style sheet

    Here is the link to my store. http://www.mccoymotorsportsinc.com/z...ndex&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?

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Some help with the style sheet

    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.

  3. #3
    Join Date
    Sep 2003
    Location
    Ohio
    Posts
    69,402
    Plugin Contributions
    6

    Default Re: Some help with the style sheet

    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);*/
    Linda McGrath
    If you have to think ... you haven't been zenned ...

    Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!

    Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today: v1.5.5]
    Officially PayPal-Certified! Just click here

    Try our Zen Cart Recommended Services - Hosting, Payment and more ...
    Signup for our Announcements Forums to stay up to date on important changes and updates!

  4. #4
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Some help with the style sheet

    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;
    }
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  5. #5
    Join Date
    May 2006
    Posts
    10
    Plugin Contributions
    0

    Default Re: Some help with the style sheet

    Quote Originally Posted by 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;
    }

  6. #6
    Join Date
    May 2006
    Posts
    10
    Plugin Contributions
    0

    Default Re: Some help with the style sheet

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

    Thanks for the help.

  7. #7
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Some help with the style sheet

    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  8. #8
    Join Date
    May 2006
    Posts
    10
    Plugin Contributions
    0

    Default Re: Some help with the style sheet

    British huh...Well I work for a British company. 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
    Last edited by mmidgett; 31 May 2006 at 04:28 PM.

  9. #9
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Some help with the style sheet

    Quote Originally Posted by 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.

    Quote Originally Posted by 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?
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  10. #10
    Join Date
    May 2006
    Posts
    10
    Plugin Contributions
    0

    Default Re: Some help with the style sheet

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

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Where Is The Style Sheet?
    By agzt in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 14 Jan 2008, 11:32 PM
  2. Style sheet help (UL and LI)
    By MCanes in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 Jun 2007, 04:53 AM
  3. Style Sheet Help
    By awoman in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 10 Jun 2007, 02:21 PM
  4. Is default style sheet read at all while custom style sheet is on?
    By cochlear in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 12 May 2007, 04:14 PM
  5. HELP - I Deleted My Original Style Sheet
    By kirsten in forum Templates, Stylesheets, Page Layout
    Replies: 32
    Last Post: 1 Aug 2006, 06:00 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR