SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post How to change Menubar color and width

    I am not sure how to change menubar color and width. Any help will be appreciated. http://www.aas-bd.com

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    The background color is set in the head of your document:

    Code:
    #access, #access ul ul a {
    background: #EE280E;
    }
    and the other styles are in your style.css file:

    Code:
    #access {
    background: #222;
    background: -moz-linear-gradient(#252525, #0A0A0A);
    background: -o-linear-gradient(#252525, #0A0A0A);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0A0A0A));
    background: -webkit-linear-gradient(#252525, #0A0A0A);
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am not sure about which one where I should place your code. Would you kindly inform in details?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    OK, firstly, do you know how to access the various code sections of your site? If you don't know how to edit the files in a text editor, you will have to access them via your admin panel.

    Secondly, what do you want the menu bar to look like?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, I know how to access to various code section as well as admin panel. Yes , I want to change menubar or main nvatigaton bar. But I am not sure which code/ part is for changing menu bar. I see many code/things in style.css section of my site but exactly which one is for menu bar?

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by aasbd View Post
    exactly which one is for menu bar?
    The bit that I posted above.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Tags for this Thread

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
  •