Change Navigation bg color & footer bg color?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Frank.Yates
    New Member
    • Apr 2013
    • 23

    Change Navigation bg color & footer bg color?

    Hi, I'm trying to change the color of the navigation bar and the footer bar, and I want to know the easiest and simplest way. I don't want to go to the css settings and mess everything up. Thank you.
  • Frank.Yates
    New Member
    • Apr 2013
    • 23

    #2
    Well I managed to change the footer, but not the nav bar.

    Update1: Now I managed to change the color of the tab bar, but bg not showing up.
    Last edited by Frank.Yates; Sun 12 May '13, 5:31pm.

    Comment

    • DemOnstar
      Senior Member
      • Nov 2012
      • 1912

      #3
      The nav bar has an image in there so you may want to edit that. It also has links in there too.

      The original code is this

      HTML Code:
      #channel-tabbar {
          background: url("http://www.vbulletin.com/forum/images/css/sprite_gradients_vb.png") repeat-x scroll 0 -50px #033145;
      }
      If remove the image link and change it to this I, can manage to get you half way there with this added to css_additionals.css but the links stay the same.

      HTML Code:
      #channel-tabbar {
          background: #xxxxxx;
      }
      Change the colour #xxxxxx to whatever you choose.#999999 produces a grey colour for example.
      As for the links, somebody else will have to answer that.

      The footer is easier, add this to css_additionals.css

      HTML Code:
      #footer-tabbar {
          background: none repeat scroll 0 0 #xxxxxx;
          
      }
      Again change the colour #xxxxxx to whatever you choose.

      Mr Yates, you can do a hell of a lot with this tool. http://getfirebug.com/


      Comment

      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...