Own nav bar messing up WordPress nav bar…

  • Resolved lloydje25

    (@lloydje25)


    19 years, 4 months ago

    Blog – https://lloydengland.com/blog

    I had my own CSS nav bar for my blog / site for ages, but I upgraded it to another one to sort a problem out, anyway, the new nav bar at the top, is making the nav bar on the right hand side of my blog appear blue and such, it seems the styles are interfiering with each other.

    Is there anyway to stop this?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • You’ve got a li declaration in nav.css as:
    li a
    {
    text-decoration: none;
    background-color: #2f77a9;
    color: #FFF;
    padding: .2em 1em;
    border-right: 1px solid #fff;
    }

    You’re not limiting the styles to lists within navcontainer so the rules will be applied to all instances of li. Change to (like you’ve got with ul):
    #navcontainer li a

    You could read up on ‘CSS selectors’ and modify your code to what is accepted as best practice.

    Thread Starter lloydje25

    (@lloydje25)

    hey, thanks for that! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Own nav bar messing up WordPress nav bar…’ is closed to new replies.