Results 1 to 8 of 8

Hybrid View

  1. #1
    Join Date
    Oct 2009
    Posts
    89
    Plugin Contributions
    0

    Default How to change color for sub-categories?

    I want Sub Cats different font color from top cat or top cats bolded.
    I am using the latest version of Zen Cart 1.3.8 and have a template from Zen Flavors (premium 7c).

    I have included the CSS stylesheet. Any help is appreciated and I'll buy donuts and coffee!





    a:link {
    color:#9b9776;
    text-decoration:none;
    font-weight:normal;
    }

    a:visited {
    color:#9b9776;
    text-decoration:none;
    font-weight:normal;
    }

    a:hover {
    color:#660000; /* my change for product name when hover*/
    text-decoration:none;

    }


    h1 {
    font-size: 1.4em;
    /* color:#68962A; */
    }
    h2 {
    font-size: 1.3em;
    /* color:#68962A; */
    }
    h3 {
    font-size: 1.2em;

    }

    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;

    }

    #productName {
    color: #6B6950;
    }

    #productPrices {
    color: #660000; /*my change*/
    }

    .biggerText {

    }

    h1, h2, h3, h4, h5, h6 {
    margin: 0.2em 0.3em 0.3em 0;
    color: #6d6a52;
    }

    CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }
    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;


    }

    SELECT, INPUT {

    color:#666666;


    }

    TEXTAREA {
    margin: auto;
    display: block;
    width: 95%;
    }
    input:focus, select:focus, textarea:focus {

    }
    FIELDSET {
    padding: 0.5em;
    margin: 10px;
    border: 1px solid #e2dfcc;
    }
    LEGEND {
    font-weight: bold;
    padding: 0.3em;
    color: #939081;
    }

    LABEL, h4.optionName {
    line-height: 1.25em;
    padding: 0.1em;
    }

    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    font-size: 0.95em;
    margin: 0.2em 0.5em;
    }

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

    LABEL.inputLabel {
    /* font-size: 12px; */
    width: 10em;
    float: left;
    }

    LABEL.inputLabelPayment {
    width: 15em;
    float: left;
    }

    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 12em;
    float: left;
    }

    P, ADDRESS {
    padding: 0.5em 0.5em 0.5em 0;
    }
    ADDRESS {
    font-style: normal;
    }
    .clearBoth {
    clear: both;
    }



    HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #f3f1e0;
    }

    .sideBoxContent HR {
    border-bottom: 1px solid #F7F7F7;
    }

    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #000000;
    }
    .messageStackWarning, .messageStackError {
    background-color: #d80000;
    color: #ffffff;
    }
    .messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }
    .messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }
    /*wrappers - page or section containers*/
    #mainWrapper {
    text-align: left;
    vertical-align: top;
    }

    /* main content area */
    #contentMainWrapper {
    margin:0;
    /* background-color: #f4f4ef; */

    }



    #headerpic img{
    display: block;
    }

    #logotop {

    position: relative;
    height: 73px;
    margin: 0;
    padding: 0;

    }

    #logotop img{
    border: 0;
    margin-top: 6px;

    }

    #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

    #headerWrapper {
    /* margin-bottom: 10px; */
    background-color: #ffffff;
    position: relative;
    }

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    }

    #sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
    margin: 10px 0px;
    width: 46%;
    }

    .wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

    /* HEADER */
    #navMainWrapper {
    position: absolute;
    color: #fff;
    top: 8px;
    right: 8px;

    }

    #navMainWrapper a:link , #navMainWrapper a:visited {
    color: #9b9776;
    text-decoration:none;
    }

    #navMainWrapper a:hover {
    color: #660000; /*my change*/

    }

    #headerContent {

    }




    #headerContent #logoimg {
    border: 0px;
    position: relative;
    top: 25px;
    left: 30px;
    }

    #nameWrapper {
    padding:25px 0 10px 30px;
    }

    #nameWrapper a, #nameWrapper a:visited {
    font-size:25px;
    text-decoration:none;
    color:#fff;
    font-weight:normal;
    }

    #taglineWrapper {
    font-size:20px;
    padding:10px 0 10px 60px;
    margin-top:-30px;
    color:#fff;
    }

    #navCurrenciesWrapper {
    position: absolute;
    color: #3d4041;
    background-color: #fff;
    background: url("../images/dots.gif") repeat-x 0 0;
    padding: 0px;
    top: 35px;
    right: 8px;
    }


    #navCurrenciesWrapper .nav_language {float:left; margin-top: 9px; padding:0px 15px 3px 0px;}
    #navCurrenciesWrapper .nav_currencies {float:left; margin-top: 9px; padding:0px 15px; border-left:1px solid #f0f0f0;}
    #navCurrenciesWrapper form {margin: 0px; padding:0px;}
    #navCurrenciesWrapper select, #navCurrenciesWrapper input {margin: 0px; padding:0px;}
    #navCurrenciesWrapper .carthead {float:left; margin-top: 9px; padding:3px 0 2px 10px;; border-left:1px solid #f0f0f0;}


    .bulletcart {
    margin-left: 3px;
    margin-top: 3px;
    padding: 0 0 6px 20px;
    background: url("../images/bgcart.gif") no-repeat 0px 1px;
    }

    #navCurrenciesWrapper img{
    border: 0;
    margin: 0;

    }


    #navEZPagesTop {
    text-align:left;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    color: #515151;
    }

    #navEZPagesTop a:link, #navEZPagesTop a:visited {
    display: block;
    color:#fff;
    /* font-weight: bold; */
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    padding: 10px 12px 10px 12px;
    white-space: nowrap;
    background-image:url(../images/menu_a_bg.gif);
    background-repeat:no-repeat;
    background-position:right center;
    line-height: 16px;
    }

    /*
    #navEZPagesTop a.clrbg {background:none;}

    */


    #navEZPagesTop ul {margin:0; list-style:none; padding-left:0px;}
    #navEZPagesTop ul li {float:left; padding:0px 0 0px 0;}

    #navEZPagesTop a:hover {
    color:#c7c6b4;
    background-color: #66644A;
    }



    #topmenubar {
    background: url("../images/menubg.gif");
    background-repeat: repeat-x;
    background-color: #FCFCFC;
    position: relative;
    background-color: #f6f2e9;
    height: 36px;
    margin-bottom: 1px;
    }






    #indexDefaultMainContent {
    padding-left: 0px;
    margin: 0;
    }

    #indexDefaultMainContent p{
    margin:0;
    padding-bottom:10px;

    }

    #navMainSearch {
    position: absolute;
    margin:0 5px 0 0;
    top: 32px;
    right: 0px;
    }

    #navMainSearch input {
    font-size: 10px;
    }

    #categoryDescription {
    margin-left: 5px;
    }


    /*navigation*/

    .navSplitPagesResult {
    margin: 0.5em;
    font-size: 0.9em;
    }
    .navSplitPagesLinks {
    margin: 0.5em;
    font-size: 0.9em;
    }
    .navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
    .navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0.5em 0.2em;
    list-style-type: none;
    }

    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    font-weight: normal;
    height: 1%;
    width: 100%;
    }



    #footerhsy a:link, #footerhsy a:visited{
    color: #9b9776;
    text-decoration: none;

    }

    #footerhsy a:hover {
    color:#660000; /*my change*/

    }

    #footerhsy {
    width:930px;
    background-color: #f7f5ed;

    padding-top: 0px;
    margin: auto;

    }


    #footershadow {
    height: 16px;
    background-color: #f7f5ed;
    background-image:url(../images/footershadow.gif);
    background-repeat:no-repeat;
    background-position:right center;
    }

    #navMain {
    padding-right: 0px;
    }

    #navMain ul, #navSupp ul {
    margin: 0;
    padding: 2px 0px;
    list-style-type: none;
    text-align: center;
    line-height: 16px;
    }

    #navSupp ul {
    padding: 0 0 3px 0;
    line-height: 15px;
    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;

    }


    #navMain ul li a, #navSupp ul li a {
    text-decoration: none;
    padding: 0 0 0 8px;
    margin: 0;
    white-space: nowrap;
    }

    #navCatTabs ul li a {
    text-decoration: none;
    padding: 0 15px 0 0px;
    margin: 0;
    white-space: nowrap;
    }

    #navCatTabs ul {
    margin: 0;
    padding: 5px 0px;
    list-style-type: none;
    line-height: 18px;
    text-align: left;
    }





    #headerWrapper #navMain ul li {

    }

    #navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border:1px solid #dfdfdf;
    }

    #navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }
    #navEZPagesTOC ul li {
    white-space: nowrap;
    }
    #navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

    #navCategoryIcon, .buttonRow {
    margin: 0.5em;
    }

    #indexProductListCatDescription {
    margin: 5px 0 10px 0;
    }

    .categoryImg {
    margin: 0px 0 5px 0;
    }

    #navBreadCrumb {
    border-bottom:1px solid #f3f1e0;
    padding: 0px 0 5px 0;
    margin:3px 8px 10px 8px;
    }

    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

    #whatsNew img {
    /* border: 1px solid ################; */
    }

    #productAdditionalImages img {
    /* border: 1px solid ################; */
    }

    #specialsDefault img {
    /* border: 1px solid ################; */
    }

    #whatsNew {
    padding-left: 0px;

    }


    #gvFaqDefaultMainContent {
    padding-left: 10px;
    }

    #indexProductList {
    margin: 10px;
    }

    #productGeneral {
    margin: 10px;
    /* background-color:#F8D4DA; */

    }



    #featuredProducts img {
    /* border: 1px solid ################; */
    }

    #cartInstructionsDisplay {
    margin-left: 10px;
    }

    .important {
    margin-left: 10px;
    }

    #productAdditionalImages {
    clear: both;
    }



    #productDescription, .shippingEstimatorWrapper {
    padding: 0.5em;
    }



    .alert {
    color: #d80000;
    margin-left: 0.1em;
    font-size: 0.9em;
    }
    .advisory {}
    .important {
    font-size: 1.1em;
    }
    .notice {}
    .rating{}
    .gvBal {
    float: right;
    }

    #bannerSix, #bannerFour {
    padding: 0.8em;
    clear:both;
    }


    #bannerTwo, #bannerThree, #bannerOne {
    padding: 0;
    margin: 0;
    clear:both;
    }

    #bannerFive {
    padding: 0 0.8em 0.8em 0.8em;
    }


    #bannerSix {


    }



    #bannerTwo img, #bannerOne img, #bannerThree img {
    display: block;
    vertical-align:bottom;
    margin-bottom: 8px;
    }

    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;

    padding-bottom: 6px;
    }

    #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {

    }

    /*Shopping Cart Display*/
    #cartAdd {
    text-align: center;
    margin: 1em 0 1em 0;

    border:1px solid #e2e0d3;
    padding: 1em;
    float:left;
    clear:right;
    margin-right: 15px;
    }

    .cartTableHeading TH {
    /* border-bottom: 1px solid #cccccc; */
    }

    .cartTableHeading, #cartSubTotal {
    background-color: #d9d5cb;
    height: 2.2em;
    }

    #cartSubTotal {
    border-top: 1px solid #c1bdb4;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
    padding: 0.5em 0em;
    }
    .cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }
    #scUpdateQuantity {
    width: 2em;
    }

    .cartQuantity {
    width: 4.7em;
    }

    .cartNewItem {
    color: #828282;
    position: relative;
    }

    .cartOldItem {
    color: #828282;
    position: relative;
    }

    .cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

    .cartRemoveItemDisplay {
    width: 3.5em;
    }

    #cartAttribsList {
    margin-left: 1em;
    }

    .normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    color: #5D6465;
    }
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #C12910;
    }

    #cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    }

    .totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

    .lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

    .amount {
    width: 5.5em;
    }

    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0 20px 10px 0 ;
    }

    #productMainImage a:link {
    text-decoration: none;
    }

    #productAdditionalImages a:link {
    text-decoration: none;
    }

    #productMainImage img {
    /* border: 1px solid ################; */
    }

    .categoryIcon {}
    #cartImage {
    margin: 0.5em 1em;
    }

    /*Attributes*/
    .attribImg {
    width: 20%;
    margin: 0.3em 0em;
    }

    .attributesComments {}

    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    margin: 1em 0em;

    }

    .centerBoxContents {
    padding: 0 5px 5px 5px;

    }


    h3.itemTitle a:link, h3.itemTitle a:visited{
    text-decoration: none;
    }

    h3.itemTitle a:hover{
    text-decoration: underline;

    }

    /* BOXES */

    #navColumnOne, #navColumnTwo {

    }

    .centerColumn {
    padding: 0 8px 0 8px;
    }

    .centerColumn p{
    margin: 0;
    }

    #indexDefaultHeading {
    margin: 0;
    padding:0;
    }

    #indexDefault {
    margin-top: 0px;
    }

    #loginDefault {
    padding-left: 15px;
    }


    h2.centerBoxHeading {

    font: 16px arial, sans-serif;
    font-weight: bold;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    color:#6d6a52;
    text-align: left;
    padding-left: 18px;
    background-image: url(../images/heading-bg.gif);

    background-position: 0px 12px;

    background-repeat: no-repeat;


    }

    h2.greeting {

    margin-top: 13px;

    }

    .productListing-rowheading, TR.tableHeading {
    height:30px;
    font: 13px tahoma, arial, sans-serif;
    font-weight: bold;
    margin:0 0 0 10px;
    }

    .centerBoxWrapper, .tabTable {
    padding: 0px;
    height: 1%; /*do not remove- IEhack*/
    margin-bottom: 1em;
    line-height:1.4;
    /* background:#f8f8f8 url('../images/content-bg.jpg') 0 28px repeat-x; */
    }

    .centerBoxWrapper {
    margin-top: 0px;

    }

    .sideBoxContent {
    padding-top:5px;
    padding-left:10px;
    padding-bottom:15px;
    padding-right:10px;

    /* background:transparent url('../images/content-bg.jpg') top center repeat-x; */
    /* line-height:10px; */

    }


    .sideBoxContent ul {margin:0; padding:0; list-style:none;}
    .sideBoxContent ul li {background:url(../images/li_underline.gif) bottom left repeat-x; padding:2px 0px 4px;}


    .leftBoxContainer {

    margin-top: 0px;
    margin-bottom: 6px;
    background-color: #f8f6f1;
    }

    .rightBoxContainer {

    margin-top: 0px;
    margin-bottom: 6px;
    background-color: #f8f6f1;
    }


    #navColumnOneWrapper {
    /* margin-left:5px; */
    margin:0px;
    color: #634e40;
    }

    #navColumnTwoWrapper {
    /* margin-right:5px; */
    margin:0px;
    color: #634e40;
    }


    .leftBoxContainer a:link, .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
    color: #9b9674;
    text-decoration: none;
    font-size: 12px;
    padding-left: 9px;
    line-height: 18px;
    }

    .leftBoxContainer a:hover, .rightBoxContainer a:hover {
    color:#660000; /* my change on nav menu hover*/
    }


    #categories {

    }

    #categoriesHeading {

    }

    .category-top, .category-links {
    background-image: url(../images/point.gif);
    background-repeat: no-repeat;
    background-position: center left;
    }

    #navCatTabs{
    background-color: #dad9cd;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 8px;
    }

    .dotline {

    height: 1px;
    background: url("../images/dots.gif") repeat-x 0 0;
    overflow: hidden;
    }

    .linemargins {
    margin: 0 1px 5px 1px;
    }


    .maindotline {
    height: 1px;
    background: url("../images/dots.gif") repeat-x 0 0;
    overflow: hidden;
    margin: 7px 1px 7px 1px;
    }

    #navCatTabs .category-top, .category-links {
    background-image: none;

    }

    #navCatTabs a.category-top:link, #navCatTabs a.category-top:visited {
    color: #660000; /*my change of color from 817f6a to AC0800 on horizontal nav*/
    font-weight: normal;
    text-decoration: none;
    }

    #navCatTabs a.category-top:hover {
    color: #817F6A; /*my change from 000*/
    text-decoration: none;
    }


    #informationContent a:link, #informationContent a:visited{
    background-image: url(../images/point.gif);
    background-repeat: no-repeat;
    background-position: center left;
    }




    #moreinformationContent a:link, #moreinformationContent a:visited{
    background-image: url(../images/point.gif);
    background-repeat: no-repeat;
    background-position: center left;
    }



    #ezpagesContent a:link, #ezpagesContent a:visited{
    background-image: url(../images/point.gif);
    background-repeat: no-repeat;
    background-position: center left;
    }

    /*
    .centerBoxContentsNew a:link, .centerBoxContentsNew a:visited {

    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 14px;
    line-height: 20px;
    }
    */

    .centerBoxContentsNew a, .centerBoxContentsFeatured a, .centerBoxContentsSpecials a {
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
    }


    /* stupid IE 6/7 trips the front page thumbnails */
    .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch {
    margin-left: -0.1em;
    margin-right: -0.1em;
    }

    .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {
    font-size: 15px;
    /* color: #dfdfdf; */
    }

    .rightBoxHeading, .leftBoxHeading {

    }

    h3.rightBoxHeading, h3.leftBoxHeading {
    /* background:transparent url('../images/box-title-bg.jpg') center center no-repeat; */

    margin:0;
    }

    h3 label {
    font-size:1.0em;
    }

    h3.rightBoxHeading, h3.leftBoxHeading {
    color: #6d6a52;
    font: 14px arial, sans-serif;
    font-weight: bold;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 23px;

    background-image: url(../images/heading-bg.gif);

    background-position: 8px 9px;

    background-repeat: no-repeat;

    }



    #navColumnOneWrapper h3.leftBoxHeading a:link, #navColumnOneWrapper h3.leftBoxHeading a:visited {
    color: #9b9674;
    font-size: 14px;
    font-weight: bold;
    padding-left:2px;

    }

    #navColumnTwoWrapper h3.rightBoxHeading a:link, #navColumnTwoWrapper h3.rightBoxHeading a:visited {
    color: #9b9674;
    font-size: 14px;
    font-weight: bold;
    padding-left:2px;


    }

    #navColumnOneWrapper h3.leftBoxHeading a:hover, #navColumnTwoWrapper h3.rightBoxHeading a:hover {
    color:#000;
    }


    #search {
    /* background-color: #F7DFED; */
    }

    #search input{
    font-size: 11px;
    }


    #manufacturers {
    /* background-color: #F8D4DA; */
    }


    /* PRODUCT LISTING */

    .productListing-rowheading a {
    /*
    color:#000;
    text-decoration: underline;
    */
    }

    .productListing-data a:link, .productListing-data a:visited {
    /*
    color:#000;
    text-decoration: underline;
    */
    }

    .productListing-data a:hover {
    /*
    color:#A00C32;
    text-decoration: underline;
    */
    }

    .productListing-data img {
    padding:0px;
    margin: 8px;
    }

    .listingProductImage {
    padding:0px;
    /* border: 1px solid #515151; */
    margin: 8px;
    }

    .productListing-data {
    border-top: 1px solid #f3f1e0;
    padding: 5px;

    }

    .productListing-even {
    /* background-color:#ECECEC; */

    }

    .productListing-odd {
    /* background-color:#ECECEC; */

    }

    /* PRODUCT INFO */
    #productDetailsList, #productDetailsList li {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    }

    /* FOOTER */

    #authorLink {
    text-align:center;
    font-size:.9em;
    }

    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navEZPageNextPrev, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center;
    }

    #navCatTabsWrapper {
    text-align: left;
    }

    .navNextPrevWrapper {
    margin-bottom: 15px;
    clear: both;
    }

    #bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

    #bestsellers ol {
    padding: 0;
    margin: 0em;
    }

    #bestsellers li {
    padding: 0;
    margin: 0em 0em 0.3em 0em;
    }

    #bannerboxHeading {
    }
    #upProductsHeading {
    text-align: left;
    }
    #upDateHeading {
    text-align: right;
    }
    /*misc*/
    .back {
    float: left;
    }

    .back1 {
    float: right;
    }


    .forward {
    float: right;
    }

    .bold {
    font-weight: bold;
    }

    .rowOdd {
    background-color: #fff;
    height: 1.5em;
    vertical-align: top;
    }

    .rowEven {
    background-color: #faf8f3;
    height: 1.5em;
    vertical-align: top;
    }

    CAPTION {
    /*display: none;*/
    }

    #myAccountGen li, #myAccountNotify li {
    margin: 0;
    }

    .accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
    }

    .accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }


    #siteMapList {
    width: 90%;
    float: right;
    }

    .ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

    LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }

    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
    background-color: #fff;
    }

    .hiddenField {
    display: none;
    }
    .visibleField {
    display: inline;
    }


    #infoShoppingCart {
    background-image: none;
    background-color: #fff;
    }

    a:link.productListing-heading {
    text-decoration: none;
    }

    .orderHistList {
    margin:5px 5px 5px 15px;
    padding:0;
    }

    #orderhistoryContent .orderHistList li a:link, #orderhistoryContent .orderHistList li a:visited {
    margin:0;
    padding:0;
    }

    #bestsellersContent {
    margin:0px 0px 0px 10px;

    }

    #bestsellersContent li a:link, #bestsellersContent li a:visited {
    margin:0;
    padding:0;
    }

    .cartBoxCheckout a:link, .cartBoxCheckout a:visited {
    margin:0;
    padding:0;
    }

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: How to change color for sub-categories

    is best to see the actual site . or you can install firebug extension for firefox browser and try to modify your CSS style using those tools

  3. #3
    Join Date
    Oct 2009
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to change color for sub-categories

    I have firebug installed and have scrolled through it. I see the category-top stylesheet but not the category subs. I tried adding category-products lin the style sheet but that didn't work but I am sure the code was incorrect.

    The site is www.jorsara.com

  4. #4
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: How to change color for sub-categories?

    Jor,
    This might get you thinking in the right direction.

    .leftBoxContainer a:link, .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
    color:#9B9674;
    font-size:12px;
    line-height:18px;
    padding-left:9px;
    text-decoration:none;


    }

    1. color is the fix

  5. #5
    Join Date
    Oct 2009
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to change color for sub-categories?

    Haredo,

    Thanks, I did try that but that changes the entire text for the left box container. I was wanting to change the font color for the sub categories. Home Decor - Candle Holders, Bowls, Trays etc.

    I do not see in the CSS anything for the stylesheet category-products but as I mentioned that didn't work. I see in the code the class: category-subs-parents with id: category-products.

    The only thing I haven't tried was adding a. category-subs, a.category-products
    color #fffffff
    text: none

    I'd settle for having my category-top Bold and Sub Category normal but I don't know CSS at all, just learning it as you have figured out.

    I would think that something needs to be added to the stylesheet for the sub categories

  6. #6
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: How to change color for sub-categories?

    Jo,
    Here is the fix:
    Find this:
    .leftBoxContainer a:link, .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
    color:#9B9674;
    font-size:12px;
    line-height:18px;
    padding-left:9px;
    text-decoration:none;
    }

    Change to this:
    .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
    color:#9B9674;
    font-size:12px;
    line-height:18px;
    padding-left:9px;
    text-decoration:none;
    }

    .leftBoxContainer a:link { color:#FF0000;
    font-size:12px;
    line-height:18px;
    padding-left:9px;
    text-decoration:none;
    }
    1. change the #FF0000 to what ever you like
    2. We had to separate out the declaration to control her color :)

 

 

Similar Threads

  1. Replies: 2
    Last Post: 31 Jul 2010, 03:43 PM
  2. How to have sub categories set; also, how to change color in contents of side box?
    By Kitty in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Nov 2006, 07:15 AM
  3. Replies: 2
    Last Post: 1 Nov 2006, 02:51 PM

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