Remove shadows from nav links

Community Forums Forums Design Tips and Tricks Remove shadows from nav links

This topic is: resolved

This topic contains 5 replies, has 3 voices, and was last updated by  ChicGeek 1 year, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2539

    Herman
    Participant
    Post count: 89

    How do I remove the shadows from the nav bar links on

    http://72.34.34.190/~rsrm/

    Thank you.

     

    #2573

    SoZo
    Moderator
    Post count: 1573

    The text shadow is coming from the #header rule. I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2612

    Herman
    Participant
    Post count: 89

    Using Firebug I located the code and changed the color but not remove the shadow

    What do I edit to remove the shadow

    #header .menu li a {
    color: #004E8C;
    display: block;
    font-size: 14px;
    padding: 6px 15px 4px;
    position: relative;
    text-decoration: none;
    }

     

    #2614

    ChicGeek
    Moderator
    Post count: 3

    Hi Herman,

    Look for this and remove the text shadow:

     
    #header {
    margin: 0 auto;
    min-height: 115px;
    overflow: hidden;
    text-shadow: 1px 1px #000;
    width: 100%;
    }

    Hope this helps!
    Elisha


    The Pixel Spot A Recommended STUDIOPRESS CustomizerI Tweet

    Genesis Junkie + Web & Graphic Designer + Ad World Girl + Student of Life

    #2672

    Herman
    Participant
    Post count: 89

    Thanks …that did it.

    #2689

    ChicGeek
    Moderator
    Post count: 3

    Great! Glad it helped!


    The Pixel Spot A Recommended STUDIOPRESS CustomizerI Tweet

    Genesis Junkie + Web & Graphic Designer + Ad World Girl + Student of Life

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Remove shadows from nav links’ is closed to new replies.