Results 1 to 5 of 5
  1. #1
    Join Date
    Jun 2010
    Posts
    7
    Plugin Contributions
    0

    Default Individual link color

    I am trying to change the link color of the ezpages in the more information side box with out changing the

    a:link, #navEZPagesTOC ul li a {

    code area of my ccs doc. and changing all the ezpage link colors on my page.

    I have tried to do simular coding as i used to change the links in my catagories side box with no luck.
    can someone shed some light on thsi subject for me please.

    thanks you
    Kountessa

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Individual link color

    The More Information sidebox isn't for EZ pages, it's extra define pages. If that's the one you want to change, add to the stylesheet:

    #moreinformationContent a {color:#ff0000;}

    The EZ page sidebox is called Important Links (in a stock installation, anyway), and you'd add:

    #ezpagesContent a {color:#ff0000;}

  3. #3
    Join Date
    Jun 2010
    Posts
    7
    Plugin Contributions
    0

    Default Re: Individual link color

    Thank you much the
    #moreinformationContent a {color:#ff0000;}
    worked. That is where my page 2-4 sits. I am gonna guess these are not ezpagesl but the ones I was trying to change.


    I am just stombleing my way around coding. If you would not mind giving me a hand with this last part it would be greatley appficiated

    worked. However I am having trouble with
    active link
    hover link
    and visited link.

    the way I changed my other links is not wotking wiht this code. I am sure it is something simple I am just not understanding.

    Thank you for your holp

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Individual link color

    Same thing, if you're talking about changing the boxes individually:

    #moreinformationContent a:hover {color:#00ff00;}

    #moreinformationContent a:visited{color:#00ff00;}


    etc.

    Here's the best advice I can offer:

    Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

  5. #5
    Join Date
    Jun 2010
    Posts
    7
    Plugin Contributions
    0

    Default Re: Individual link color

    thank you so much. it is working.
    you are very kind

 

 

Similar Threads

  1. Changing individual "Product Option" text color and size
    By ladybugmom in forum Setting Up Categories, Products, Attributes
    Replies: 3
    Last Post: 15 May 2013, 07:36 PM
  2. Individual Shopping Cart Heading color
    By Danielle in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 10 Jan 2010, 01:00 AM
  3. Link Color
    By barry g in forum Customization from the Admin
    Replies: 3
    Last Post: 20 Sep 2009, 11:55 AM
  4. change the color on a individual tpl page in zen cart
    By kylix in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Oct 2008, 08:57 AM
  5. color of link
    By mimran in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 15 Apr 2008, 04:04 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