Make Navbar Background Transparent

Discussion in 'HTML & Website Design' started by Iheartf1, Feb 17, 2013.

  1. #1
    Hello everyone, I am editing the website http://www.iheartf1.co.uk the website is based in blogger and isnt far removed from the original template but am struggling with one element.
    If you look at the website there is a black background to the navigation bar. This navbar is just a series of png's that are linked to where they need to go.

    I have tried every code in the HTML box that the navbar is coded in but nothing has worked. I have searched in the site HTML for "navbariheartf1" which is what I called it and found the widget but nothing to do with background.

    Please help, how do I remove the awful background leaving the nav bar as a standalone and not affecting the rest of the site...
     
    Solved! View solution.
    Iheartf1, Feb 17, 2013 IP
  2. #2
    On line 273 of your css style sheet you have
    background: #141414 none repeat scroll 0
    If you remove this then you will end up with a transparent backgroung
    Also if you remove line 281

    border-top: 1pxsolid#222222;
    remove this will remove the borders, if you need anymore help let me know
     
    pix582, Feb 17, 2013 IP
  3. Iheartf1

    Iheartf1 Greenhorn

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #3
    Perfect!! I love it when a fresh pair of eyes helps you see the wood for the trees!! :D all done now thanks again
     
    Iheartf1, Feb 17, 2013 IP
  4. pix582

    pix582 Active Member

    Messages:
    313
    Likes Received:
    14
    Best Answers:
    1
    Trophy Points:
    70
    #4
    No problem glad i could help
     
    pix582, Feb 17, 2013 IP