Page 1 of 2 12 LastLast
Results 1 to 10 of 19
  1. #1
    Join Date
    Jan 2010
    Location
    France
    Posts
    291
    Plugin Contributions
    0

    Default change the color of active links category

    I wish the link of the category when clicked will change color, that include a: active. My templates is old comes from 12leaves put the link of the template where there is an online demo to not put your link on my site.
    http://demo.zen-cart-themes.com/furniture/
    I would be really grateful if someone helps me.
    Giovanni,
    Zen Cart V2.1

  2. #2
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,682
    Plugin Contributions
    11

    Default Re: change the color of active links category

    Unfortunately, most store-bought templates are nowhere near compatible with Zen Cart. So... they take to creating MANY stylesheets to try to cover up for their code changes. You will need to find out which of the stylesheets is controlling a particular "a" tag. Then, you can look at that stylesheet for an "a:active" call and try changing that.
    If you use firefox and firebug, you can do this on the fly.
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  3. #3
    Join Date
    Jan 2010
    Location
    France
    Posts
    291
    Plugin Contributions
    0

    Default Re: change the color of active links category

    hello, using firebug but does not work a: active style sheet is this
    PHP Code:
    /*Version 1.3.9b*/
    /*Cornflowerblue Menu CSS*/
    #vert_categoriescss.leftBoxContainer { 
       
    background#d########3; 
       
    border1px solid #0000ff; 
       
    padding-bottom10px;
    }

    #vert_categoriescssHeading.leftBoxHeading {
       
    background#87ceeb; 
       
    border-bottom1px solid #0000ff; 
       
    margin-bottom1px;
    }

    #vert_nav-cat {
       
    margin0 0 0 0px;
       
    background-color#F3FAFA; 
       
    font-weight:bold;
       
    border2px solid #E8E8E8;
       
    border-width1px 2px 2px 2px;
       
    padding0;
    }

    #vert_nav-cat ul {
       
    margin0
       
    padding0
    }

    #vert_nav-cat ul.level2 {background-color: #fff;}
    #vert_nav-cat ul.level3 {background-color: #fff;}
    #vert_nav-cat ul.level4 {background-color: #fff;}
    #vert_nav-cat ul.level5 {background-color: #fff;}
    #vert_nav-cat ul.level6 {background-color: #fff;}

    #vert_nav-cat li {
       
    positionrelative
       list-
    stylenone
       
    margin0;
       
    margin-top0px/* change this to put space between buttons*/
       /* *display:inline-block; */
    }
    #vert_nav-cat li+li {
        
    border-top1px solid #E5E5E5;
        
    *margin0;
    }
    #vert_nav-cat li+li.submenu {
        
    *margin0;
    }
    #vert_nav-cat li li {
       
    margin0/* overrides the margin-top above */
    }

    #vert_nav-cat li:hover {
       
    z-index1000;
    }

    #vert_nav-cat li a:hover {
       
    background-color#E2F0F7;color: #f76218;
    }
    #vert_nav-cat li.submenu>a:hover {
        
    background#E2F0F7 url("../images/arrow_hover.gif") no-repeat scroll 94% center;
    }
    #vert_nav-cat li a {
       
    displayblock
       
    padding6px 2px 6px 10px;
       
    text-decorationnone
       
    width100%;
       
    color#444444;
    }
    #vert_nav-cat li.submenu>a {
       
    backgroundurl("../images/arrow.gif"no-repeat scroll 94center transparent;
    }
    #vert_nav-cat>ul a {
       
    widthauto;
    }

    #vert_nav-cat ul ul {
       
    positionabsolute
       
    top0;
       
    right: -178px;
       
    displaynone;
       
    width180px;
       
    border1px solid #E4E4E4;

        
    -moz-box-shadow1px 2px 3px #555555;
        
    -webkit-box-shadow1px 2px 3px #555555;
        
    box-shadow1px 2px 3px #555555;
    }

    #vert_nav-cat ul ul li a {
        
    fontbold 12px/13px Arial;
        
    color#444;
        
    padding6px 2px 6px 10px;
    }
    #vert_nav-cat ul.level1 li.submenu:hover ul.level2,
    #vert_nav-cat ul.level2 li.submenu:hover ul.level3,
    #vert_nav-cat ul.level3 li.submenu:hover ul.level4,
    #vert_nav-cat ul.level4 li.submenu:hover ul.level5,
    #vert_nav-cat ul.level5 li.submenu:hover ul.level6 {
       
    display:block
    }
    /*stylesheet_columnar_pr.css*/
    #productListing {padding-bottom: 25px;}

    .centerBoxContentsProducts .c-product-wrp {
        
    min-height295px;
        
    padding10px 10px 5px;
    }
    .
    centerBoxContentsProducts  .button_buy_now {displayinline-block;}
    .
    itemTitle {text-alignleftpadding-bottom3px;font-weightbold;}
    .
    itemTitle  a:hover {colorredfont-size12pt;font-weightnormal;}
    .
    centerBoxContentsProducts .c-product-wrp img padding10px 0;}

    .
    table-price {
        
    padding2px 0 5px;
        
    displayblock;
    }
    #gridSorter {margin: 1px 0 8px; padding: 4px 8px; background: #feea01; border-bottom: 1px solid #ddd;}
    #gridSorter ul {list-style-type: none; padding: 0; margin: 0; display: inline-block;}
    #gridSorter > span {display: inline-block;}
    #gridSorter ul li {display: inline-block; padding: 0 10px 0;}

    @media (max-width480px) { .centerBoxContentsProducts .c-product-wrp img {max-width100px !important;} }
    /*Fine stylesheet_columnar_pr.css*/

    /*stylesheet_login_header.css*/
    .loginbox {
        
    positionabsolutez-index100right0displaynonebox-shadow12px 12px 66px rgba(0,0,0,0.4);
    }
    .
    loginbox .sideBoxContent {
        
    padding15px 14px;
        
    border1px solid #e6e6e6;
    }
    .
    loginbox .sideBoxContent input[type=text], .loginbox .sideBoxContent input[type=password] {
        
    font-size14px;
        
    font-weightbold;
        
    padding5px 3px;
        
    margin6px 0 8px;
        
    border1px solid #ccc;
        
    background-color#f8f8f8;
    }
    .
    loginbox .sideBoxContent .button_login {
        
    font-size12px;
        
    margin6px 0 0;
        
    padding5px 17px;
    }
    #login_logout_section {
        
    positionrelative;
    }
    #nav-cat ul ul, .popup-win, #vert_nav-cat ul ul {
        
    box-shadow1px 2px 5px rgba(0,0,0,0.35) !important;        
    }
    /* Fine stylesheet_login_header.css*/ 
    I post this but it seems to work

    PHP Code:
    #vert_nav-cat li a:active {
       
    color#A52A2A;

    Giovanni,
    Zen Cart V2.1

  4. #4
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,682
    Plugin Contributions
    11

    Default Re: change the color of active links category

    have you noticed that the template seems to be for 1.3.9b? Have you checked with the creator to see if the template is really 1.5.4 compatible? I know they claim it works with 1.5.x but, there are some big differences in just the 1.5 series.
    Also, they claim that any color you choose will cause "Necessary elements change color automatically".
    You can always post something for us to look at by using the yoursiteDOTcom method. That hides the site from the SEs till you're ready for them to look.
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  5. #5
    Join Date
    Jan 2010
    Location
    France
    Posts
    291
    Plugin Contributions
    0

    Default Re: change the color of active links category

    It works well with 1:54, ok place link horibalandDOTcom
    Giovanni,
    Zen Cart V2.1

  6. #6
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,682
    Plugin Contributions
    11

    Default Re: change the color of active links category

    Been 41 years since I was first stationed at Aviano, Italy. Lovely place. On the bucket list for get back there.
    How's about a specific page we can talk about? Or, are you talking about the categories in the left sidebox?
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  7. #7
    Join Date
    Jan 2010
    Location
    France
    Posts
    291
    Plugin Contributions
    0

    Default Re: change the color of active links category

    We can talk you remember that I do not speak English and I translate everything with a translator must have a little patience when I read
    Giovanni,
    Zen Cart V2.1

  8. #8
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,682
    Plugin Contributions
    11

    Default Re: change the color of active links category

    Ciao! Proviamo questo . Il prolem č che non trovo il foglio di stile che lei ha citato in uso sul tuo sito. Mi puņ dare il nome del foglio di stile che hai postato sul forum ?
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  9. #9
    Join Date
    Jan 2010
    Location
    France
    Posts
    291
    Plugin Contributions
    0

    Default Re: change the color of active links category

    Voila
    includes/templates/mobishop_blue/css/stylesheet_vert_categories_menu.css
    stylesheet_vert_categories_menu.css
    Giovanni,
    Zen Cart V2.1

  10. #10
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,682
    Plugin Contributions
    11

    Default Re: change the color of active links category

    E ' tarda notte per voi . Possiamo continuare domani, se vi piace .
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. How can I change the font color of the links in the lower part fo the header
    By Marlake in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Jul 2011, 06:00 PM
  2. Change font color of header category links
    By peanut in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 18 Dec 2009, 03:00 PM
  3. How to add background color to some links in the category?
    By kobe in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 14 Jul 2009, 09:55 AM
  4. trying to change color of cateory links on the right
    By ebaobao in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 21 Aug 2008, 02:53 AM
  5. Still trying to change the color of nav links!
    By ssbeats in forum General Questions
    Replies: 8
    Last Post: 15 Jan 2008, 10:33 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