CCS Navigation bar help

  • Unknown's avatar

    I have come pretty far with what I wanted to change in the navigation bar (CSS). But there’s a couple of problems left. There’s a line to the left, below the navigation block, that wont go away.

    Also I’d like to center the whole navigation bar + logo part.

    If anyone could help me with this I’d be happy.

    Many thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    And now I see that there’s also short lines still visible between the blocks, that I’d like to remove…

  • Unknown's avatar

    First off, it is never a good idea to paste the entire stylesheet into the CSS editor as it can cause all sorts of issues for you. What you do is add only the specific selectors, and the specific declarations you are wanting to add or change to the CSS edit window, makes sure the “add to existing…” is selected and then you can save. The makes it much easier to see what you have changed, and also prevents possible conflicts since the CSS is being loaded twice by the browsers (first the original and then your modified copy of the original which is typically almost exactly identical).

    This gets rid of the two thin lines that were there to begin with and were showing up between your thicker black lines under the navigation tabs.

    #content {
    border-top: none;
    }
    
    #navbar, .navbar {
    border-bottom: none;
    }

    None of my “tricks” work for centering the navigation in this particular theme so unless someone else comes around with a solution it might be a no-go.

  • Unknown's avatar

    Thank, now I learned something. I’ll try it out with the code.

  • Unknown's avatar

    Unfortunately both lines disappeared… I would like to keep the lower line.

    Many thanks!

  • Unknown's avatar

    Ok, then delete the #content stuff I have you.

  • The topic ‘CCS Navigation bar help’ is closed to new replies.