Results 1 to 6 of 6

Hybrid View

  1. #1
    Join Date
    Jul 2006
    Posts
    125
    Plugin Contributions
    0

    Default Link / Box colours

    The names of categories are links, and so when adjusting the CSS to change the colour of the names of the categories I should change the colour of a: link.
    However, I do not want the names of the categories, or any links in the sideboxes for that matter, to be the sam colour as the normal links. This is because the sideboxes have a different coloured background to the rest of the page.
    Is there anyway to specify that links within the side boxes should be a certain colour, as opposed to drawing its colour from a:link?

  2. #2
    Join Date
    Oct 2005
    Location
    Qld Australia
    Posts
    156
    Plugin Contributions
    1

    Default Re: Link / Box colours

    Can you post the URL ?

    Gerard

  3. #3
    Join Date
    Jul 2006
    Posts
    125
    Plugin Contributions
    0

    Default Re: Link / Box colours

    http://www.zen-templates.thestudenthouse.co.uk/

    Don't be scared off by the gaudy template lol.

    If I can resolve this it will help a lot in some of the other templates I'm working on

  4. #4
    Join Date
    Jul 2006
    Posts
    125
    Plugin Contributions
    0

    Default Re: Link / Box colours

    As you can see, I would rather have the links in the left column a lighter shade as they are on a dark background, but I want links outside the left colum dark, as they are on a white background. :)

    BTW, is the template loading terribly slowly for you, or is it just my computer?

  5. #5
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Link / Box colours

    The following css code only for reference and as a starting point.
    Just cut and paste from my test template.
    Please play and modify for yourself.

    /* categories box parent and child categories and extra links */
    A.category-top {
    height: 1%;
    background: #FFFFEE;
    background-image: url(../images/category_top.png);
    border-bottom: 1px solid #F4F4F4;
    border-top: 1px solid #F4F4F4;
    color: #333333;
    line-height: 1.8em;
    padding:0 0 0 0.4em;
    }

    A.category-links {
    background: #E4FFDD;
    background-image: url(../images/category-links.png);
    border-bottom: 1px solid #F4F4F4;
    border-top: 1px solid #F4F4F4;
    color: #333333;
    line-height: 1.8em;
    padding: 0 0 0 0.4em;
    }

    A.category-subs, A.category-products {
    background: #F0F8FF;
    border-bottom: 1px solid #F4F4F4;
    border-top: 1px solid #F4F4F4;
    color: #333333;
    line-height: 1.8em;
    padding: 0 0 0 0px;
    }

    .category-subs-parent {
    color: blue;
    }

    .category-subs-selected {
    color: #CC6666;
    }

    a:hover.category-top, a:hover.category-subs, a:hover.category-products, a:hover.category-links {
    background: #FFE6CC;
    color: Black;
    }
    A New Starter again

  6. #6
    Join Date
    Jul 2006
    Posts
    125
    Plugin Contributions
    0

    Default Re: Link / Box colours

    Okay, sorry to be a pain, but I tried using the same technique to do the same for the footer link:

    Code:
    a.footer {
    color: #ffffff;
    }
    
    a.footerbottom {
    color: #ffffff;
    }
    
    a.footertop {
    color: #ffffff;
    }
    but it didn't seem to work

    And try as I might I can't see where to do the same to the search link

    But the category menu is now looking much better

 

 

Similar Threads

  1. Changing Link Colours
    By scottmcclean in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 13 Mar 2009, 04:31 PM
  2. CSS link colours
    By TeeGee in forum General Questions
    Replies: 1
    Last Post: 19 Mar 2008, 11:15 PM
  3. 'Additional Colours' box
    By rpjc1 in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 21 Jan 2007, 02:44 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