Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Aug 2007
    Posts
    33
    Plugin Contributions
    0

    Default changing font color of ezpage links in top header

    I have spent the last three hours searching and have come up empty so here's a new thread. I am trying to change the way the links for the ezpages look in the top header. I have found the section of spreadsheet.css to change the size font for these links:

    #navEZPagesTop {
    background-color: #abbbd3;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }
    changing the font size, i have it the size i desire, but i cannot seem to find the right spot to change the color of the font.

    Any ideas?

  2. #2
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    813
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    Have you tried adding

    color: #cccccc;

    to the above code?
    Change the part in red to whatever the hex code is for the color you want.

  3. #3
    Join Date
    Aug 2007
    Posts
    33
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    nope sure havent, would it go in right below font size, or does it matter where i try it?

  4. #4
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    813
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    i don't think it *really* matters, but I'd go ahead and put it under the font-weight, just to keep things in order.

  5. #5
    Join Date
    Aug 2007
    Posts
    33
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    Thanks ill give it a try

  6. #6
    Join Date
    Aug 2007
    Posts
    33
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    That didnt work, I put it in as you have and i also tried:
    font-color: #FFFFFF;

    and it still didnt work. It still comes up as that same blue look.

    www.circlegtractorparts.com/shop

    its the green menu with circlegtractors.com::Tractor package deals::Jinma 6 woodchippers.

    Any more ideas?

  7. #7
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    813
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    Oh DUH!

    #navEZPagesTop a {
    color: #FFFFFF;
    }


    (a refers to the links)

  8. #8
    Join Date
    Aug 2007
    Posts
    33
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    #navEZPagesTop {
    background-color: #abbbd3;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    #navEZPagesTop a {
    color: #FFFFFF;
    }
    margin: 0em;
    padding: 0.5em;
    }

    #navColumnOne, #navColumnTwo {
    background-color: transparent;
    }

    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;


    This is what i did, it didnt work. Did i do it wrong?

    Thanks a lot for your help so far, sorry im so slow

  9. #9
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    813
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    Oh sorry for not explaining that...You wanted to add the #navEZPagesTop {color: #FFFFFF; } to your stylesheet. So to fix what you did just find:

    #navEZPagesTop {
    background-color: #abbbd3;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    #navEZPagesTop a {
    color: #FFFFFF;
    }
    margin: 0em;
    padding: 0.5em;
    }
    Change it to

    #navEZPagesTop {
    background-color: #abbbd3;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

    #navEZPagesTop a {
    color: #FFFFFF;
    }

    The selector #navEZPagesTop will change the TEXT properties in your header (ie. the :: you have between links)
    while #navEZPagesTop a will change the LINK properties.
    Last edited by khopek; 5 Jun 2008 at 09:22 PM.

  10. #10
    Join Date
    Aug 2007
    Posts
    33
    Plugin Contributions
    0

    Default Re: changing font color of ezpage links in top header

    Never mind, I figured it out. I just made it under its own section. Like this:

    #navEZPagesTop {
    background-color: #abbbd3;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

    #navEZPagesTop a {
    color: #FFFFFF;
    }

    #navColumnOne, #navColumnTwo {
    background-color: transparent;
    }

    Thanks so much for all your help!!!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Change font color of header category links
    By peanut in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 18 Dec 2009, 03:00 PM
  2. How to change color of ezpage links?
    By sfklaas in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Apr 2008, 04:52 PM
  3. How to center EzPage Links in header
    By sfklaas in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Apr 2008, 06:53 PM
  4. Changing the Sidebox Header Font Color (again)!!
    By FooMan in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 16 May 2007, 11:02 PM
  5. Font color problem (links color)
    By nathaliev in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 14 Jun 2006, 12:58 AM

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
  •