Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How to change color of Navigation Bar?

    Hi,

    I hope someone here can help me
    I am trying to make my website through a website builder
    and I just want to change one element in the page they gave me: namely I want to change the color of navigation bar from BLACK to a shade of GRAY.
    I can see HTML and CSS codes but I have no idea where that color code is that I could replace with another.
    On CSS page, there are about 9 "paragraphs" about navigation, however, I do not see any code for BLACK that I could possibly try to change to GRAY
    It looks like this:

    PHP Code:
    #navigation {
      
    float:left;
      
    backgroundtransparent url(nav_background.jpgno-repeat center top;
      
    float:left;
      
    width:960px;
      
    height:40px;
      
    margin:0 auto;
      
    font-family:"lucida sans"arialsans-serif;
      
    font-size:1em;
    }
    #navigation ul {
      
    float:left;
      
    padding-left:20px;
      
    padding-top:12px;   
      
    margin-left:0px;
      
    width:940px;
      
    height:28px;
    }
    *
    html #navigation ul {
      
    margin-left:-12px;
    }
    #navigation li {
      
    float:left;
      
    display:inline;
      
    font-size:1em;
      
    padding:12px 20px 13px 20px;
      
    margin-top:-12px;
      
    height:15px;
    }
    *
    html #navigation li {
      
    margin-right:4px;
    }
    #active {
      
    float:left;
      
    backgroundtransparent url(activetab_background.jpgno-repeat center top;
      
    color:#fff;
      
    text-align:center;
    }
    #navigation a:link  {
      
    color:#fff;
      
    text-decoration:none;  
    }
    #navigation a:hover  {
      
    color:#fff;
      
    text-decoration:none;  
    }
    #navigation a:visited  {
      
    color:#fff;
      
    text-decoration:none;  
    }
    #active a:link  {
      
    color:#fff;
      
    text-decoration:none;  
    }
    #active a:hover {
      
    color:#fff;
      
    text-decoration:none;  
    }
    #active a:visited {
      
    color:#fff;
      
    text-decoration:none;  
    }
    a:linka:hovera:visited {
      
    color:#198bef;
      
    font-weight:normal;
      
    text-decoration:underline
    Is it there? Can someone please help me (I am no programmer

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    background: transparent url(nav_background.jpg) no-repeat center top;

    delete and write:

    background-color: #555;

    you might want to save transparent url(nav_background.jpg) no-repeat center top; just in case you want to use it later

  • Users who have thanked Sammy12 for this post:

    avis68 (07-01-2011)

  • #3
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you so much!

    It worked! (I am even experimenting with different shades of gray now)

    I appreciate your help a lot. It is so wonderful that there are knowledgeable people like you around who care to help others. You' re the best!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •