Results 1 to 10 of 10
  1. #1
    Join Date
    May 2009
    Posts
    38
    Plugin Contributions
    0

    Default navigation bar colours

    Hi,

    Could someone please help, I have searched the tutorials and can't find an answer to my problem, I want to change the colour of my sidebox navigation bars, and cant find the code on my style sheet, if someone could point me in the right direction I would be very grateful. I am using the Silverfish template and realize that the present ones are probably images, I just want plain colours, but don't know where to locate the code.

    Thanks,

    MIke

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: navigation bar colours

    Mike,
    Search for:

    #leftBoxHeading

  3. #3
    Join Date
    May 2009
    Posts
    38
    Plugin Contributions
    0

    Default Re: navigation bar colours

    Hi,

    Thank you for your reply but I still cant find the piece of code to change the colours, could you tell me the right line from the code I have pasted below, thank you again,

    Mike

    leftbox
    */
    #navColumnOne {background: url(../images/bg_sidebox.gif) repeat-y; vertical-align: top;}
    #navColumnOneWrapper {}
    .leftBoxContainer {background: transparent;}
    .leftBoxHeading {text-align: center; margin: 0em; background-color: #abbbd3; padding: 0.5em 0.2em;}
    h3.leftBoxHeading {font-size: 1em; margin: 0em; background-color: #1D5685; background-image:url(../images/bg_box_header.gif); padding: 0.5em 0.2em; color: #ffffff;}
    h3.leftBoxHeading a {font-size: 1em; color: #ffffff;}
    h3.leftBoxHeading a:hover {color: #FFFF33; text-decoration: none;}

  4. #4
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: navigation bar colours

    Well, looks like the rabbit done went and curled up in his burrow.........

    But, Mike, you were correct in assuming that this was an image. This is the line you're looking for:

    Code:
    h3.leftBoxHeading {font-size: 1em; margin: 0em; background-color: #1D5685; background-image:url(../images/bg_box_header.gif); padding: 0.5em 0.2em; color: #ffffff;}
    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  5. #5
    Join Date
    May 2009
    Posts
    38
    Plugin Contributions
    0

    Default Re: navigation bar colours

    Thanks, that did the trick, but I've still got one nav bar refusing to change colour, on the left above the sponsors link, any ideas?

    Mike

  6. #6
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: navigation bar colours

    Quote Originally Posted by mike-b View Post
    Thanks, that did the trick, but I've still got one nav bar refusing to change colour, on the left above the sponsors link, any ideas?

    Mike

    Well, not yet, but if you could give me your URL, I bet I could come up with one real quick.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  7. #7
    Join Date
    May 2009
    Posts
    38
    Plugin Contributions
    0

    Default Re: navigation bar colours

    No problem, it's

    www.study-books.co.uk

    Thanks,

    Mike

  8. #8
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: navigation bar colours

    Mi,
    Time to download Moxilla Firefox with the add on called firebug

    1. A free web designing tool to build your web site.
    2. Locate this:
      includes/templates/silverfish/css/stylesheet-1-1-1.css
    3. #bannerboxHeading {
      background-color:#0000CC;
      }
    4. change to:
    5. #bannerboxHeading {
      background-color:#700000;
      }

  9. #9
    Join Date
    May 2009
    Posts
    38
    Plugin Contributions
    0

    Default Re: navigation bar colours

    Thank you for that, it's been driving me mad for ages, could I ask you two more questions please!

    1. What line determines the colour of the link text in the sideboxes,

    2. I have Adobe Creative Suite, could I use the Go-Live feature to edit my site and if so, how do I open the site in a different application

    Thank you again for your help

    Mike

  10. #10
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: navigation bar colours

    Quote Originally Posted by haredo View Post
    Mi,
    Time to download Moxilla Firefox with the add on called firebug
    Don't forget the "Web Developer" add-on.......my favorite for the css.....Both, an absolute MUST for any website developer.
    Actually, you HAVE to have the Web Developer installed to run Firebug, don't you? Been a while since I was directed to them.

    At any rate......GREAT advise, haredo.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

 

 

Similar Threads

  1. Navigation Bar
    By DontBlink7 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 30 Mar 2011, 01:06 AM
  2. Customize navigation bar on top and bar at footer
    By kippo in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 20 Sep 2006, 03:28 PM

Posting Permissions

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