Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2007
    Location
    Queensland, Australia
    Posts
    6
    Plugin Contributions
    0

    Default How to change font colour for links in product header only?

    Hi guys,
    I am trying to change the colour of the links in my product listing header only (the ones that sort the products by weight, price or item name), without changing the colour of all the individual item name links below. Does some code need to be seperated? I would like them to behave the same as the Home and Login links at the top of the page.
    Also where in the stylesheet to change the "All Products..." link colour in the categories box to be green with red rollover, the same as whats in the information box? My url is www.mrchai.com.au/cart/
    Many thanks.

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,776
    Plugin Contributions
    9

    Default Re: How to change font colour for links in product header only?

    Not sure what you want for the first as I see these as green rolling to red for the product name

    the all products is in the stylesheet and find this and adjust as you want
    Code:
    A.category-links, A.category-links:visited {
    	color: #004080;
    	text-decoration: none;
    	}
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Aug 2007
    Location
    Queensland, Australia
    Posts
    6
    Plugin Contributions
    0

    Default Re: How to change font colour for links in product header only?

    That did the trick for the "All Products" link, thank you.

    Green rolling to red for the product names are good. Its the "Weight", "Price" and "Item Name" sort links above that I want to change to white rolling to red. Perhaps this pic will better explain.


  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,776
    Plugin Contributions
    9

    Default Re: How to change font colour for links in product header only?

    Find or Add this
    Code:
    .productListing-heading a:link {
    color: #ffffff;
    }
    
    .productListing-heading a:hover {
    color: #ff0000;
    }
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Aug 2007
    Location
    Queensland, Australia
    Posts
    6
    Plugin Contributions
    0

    Default Re: How to change font colour for links in product header only?

    Fantastic !! That did the trick. My thanks to you for all your help.

 

 

Similar Threads

  1. v151 How do I change the font colour for the text on contact us page ect
    By arthena in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 24 Nov 2013, 06:02 PM
  2. How do I change font size for links?
    By iowabob in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 14 Jun 2011, 02:19 AM
  3. Change font color for links in ez pages header...
    By tanlaw in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 14 Nov 2010, 05:00 PM
  4. Font size & colour - header links
    By flatlander in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 22 Mar 2009, 07:23 PM
  5. EZ-PAGE header - change font size and colour
    By nav007_2000 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 12 Oct 2008, 10:52 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