Results 1 to 7 of 7
  1. #1
    Join Date
    Jan 2008
    Posts
    27
    Plugin Contributions
    0

    css problem Problem with different link colours

    Here is my site;

    http://www.oakgardenmachinery.co.uk

    I am having problems trying to change the colour of the links for the 'Home' and 'Login' at the very top of the page and also the 'NavBreadCrumb' where it shows the path you've taken to get to the page you're visiting.

    If I change the link colour to white, so that it shows up on the red background then my 'information' links disappear as they are on a white background.

    Please can someone tell me how to do this in my CSS as I have tried so many different ways including selecting the class called 'back' etc but I am relatively new to CSS and am probably missing something silly.

    Thank you,
    Terri.

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Problem with different link colours

    You need to address the links more specifically so only those will change to white. Try

    #navMain a, #navBreadCrumb a, #searchContent a {color: #ffffff;}

  3. #3
    Join Date
    Jan 2008
    Posts
    27
    Plugin Contributions
    0

    Default Re: Problem with different link colours

    Thank you so much for that, you are a gem, I am half way there. The navBreadCrumb text is now white - hurray!
    But, I still can't get the 'login' and 'home' at the very top to change to white. I have used this;

    #navMain a, #navBreadCrumb a, #searchContent a, #headerWrapper a, #navMainWrapper {
    color: #ffffff;
    }
    Can you please help me with this bit too, much appreciated,

    Terri.

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

    Default Re: Problem with different link colours

    You might want to get a copy of Firefox with the Firebug addon. I use it to find, delete, and add calls in the css. Using it tells me that you need to change the #990033 around line 366 of your stylesheet to #FFFFFF.

    Those links are inside an <li> inside a <ul> which is why the call you made would not work.

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Problem with different link colours

    #navMain a

    will actually work in a case like this, as long as there isn't some higher priority selector like

    #navMain li a

    already specified (as may be the case here).

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

    Default Re: Problem with different link colours

    May have been added to the original stylesheet but, at the aforementioned line 366 sits...
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    color:#990033;
    margin:0pt;
    padding:0em 0.5em;
    text-decoration:none;
    white-space:nowrap;
    }

  7. #7
    Join Date
    Jan 2008
    Posts
    27
    Plugin Contributions
    0

    Default Re: Problem with different link colours

    Thank you so much for that advice, I've made the necessary changes and it looks just right.


    Your fab!

    Terri.

 

 

Similar Threads

  1. Adding different quantities for different colours of a product
    By Daydreamer2007 in forum Setting Up Categories, Products, Attributes
    Replies: 11
    Last Post: 23 Jan 2012, 09:34 PM
  2. Replace the normal digital product download link with a different/external link
    By ballyc27 in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 1 Jul 2009, 05:31 PM
  3. Sideboxes with different colours?
    By jarsa in forum Templates, Stylesheets, Page Layout
    Replies: 45
    Last Post: 4 Oct 2008, 06:03 AM
  4. Replies: 7
    Last Post: 23 Aug 2006, 06:14 PM

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