Results 1 to 3 of 3
  1. #1
    Join Date
    Sep 2006
    Posts
    46
    Plugin Contributions
    0

    Default links color dark in Nav bar

    Hi,
    Just about setup except for one problem, in IE8 (or 7) the links in the nav bar on main page appear too dark ( Home, sign in, account etc.) In foxfire everything appears the right way. Any help will be appreciated,Thanks.

    http://jamairstore.com

  2. #2
    Join Date
    Feb 2009
    Posts
    95
    Plugin Contributions
    0

    Default Re: links color dark in Nav bar

    Usually the best way to fix IE only issues is to use an IE only stylesheet.

  3. #3
    Join Date
    Sep 2006
    Posts
    46
    Plugin Contributions
    0

    Default Re: links color dark in Nav bar

    I changed the IE_stylesheet and this fixed some but not the " view cart" link . here is my change:


    /**
    * Main CSS Stylesheet
    *
    * @package templateSystem
    * @copyright Copyright 2003-2007 Zen Cart Development Team
    * @copyright Portions Copyright 2003 osCommerce
    * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
    * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
    */

    #navMainWrapper {
    margin: 0 auto;
    padding: 0 0.2em;
    background: url(../images/nav_tab.jpg) repeat-x;
    line-height:normal;
    font-weight: bold;
    height: 24px;
    }
    #navMain ul {
    margin: 0;
    padding: 0.5em 0.5em 0.2em 0.5em;
    list-style-type: none;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.5em;
    }
    #navMain ul li {
    margin: 0;
    padding: 0 0 0 9px;
    background: url(../images/left.gif) no-repeat left top;
    display: inline;
    }
    #navMain ul li a {
    padding: 5px 15px 3px 6px;
    background: url(../images/right.gif) no-repeat right top ;
    text-decoration: none;
    color: #ffffff;
    white-space: nowrap;
    }
    #navMain ul li a:hover {
    padding: 5px 15px 3px 6px;
    background: url(../images/right_on.gif) no-repeat right top;
    color: #ffffff;
    }
    #navMain ul li.viewCart {
    padding: 0 0 0 9px;
    background: url(../images/sleft.gif) no-repeat left top;
    display: inline;
    }
    #navMain ul li.viewCart a {
    padding: 5px 15px 3px 6px;
    background: url(../images/sright.gif) no-repeat right top ;
    text-decoration: none;
    color: #ffffff;
    white-space: nowrap;
    }
    #navMain ul li.viewCart a:hover {
    padding: 5px 15px 3px 6px;
    background: url(../images/sright_on.gif) no-repeat right top ;
    color: #ffffff;
    }
    white-space: nowrap;

    PS: the hover does not look like it is working, any help will be greatly appreciated. Thanks.

    http://jamairstore.com

    Zencart ver. 1.3.8

 

 

Similar Threads

  1. Customizing top dark green Nav Bar in Admin
    By perkiekat in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 12 Sep 2009, 07:19 PM
  2. nav bar / nav links
    By eaglepg in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 11 Jun 2008, 04:49 PM
  3. Nav Bar Font Color
    By garyclemens in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 May 2007, 10:16 AM
  4. bg color in nav bar just below logo
    By scribbles in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 2 Sep 2006, 01:22 AM

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