Need help? Check out our Support site, then


CSS Child Selector not working in "Tweaked" CSS

  1. I'm using Emire Theme and tweaked the CSS to my liking. I've put "child selector" CSS code in for the Nav area but Firefox isn't reading it. The menu is too tall in FF and I can't figure how to get it to recognize the Child code. Here's the code:

    '#nav {
    border-bottom:1px solid #555;
    border-top:1px solid #555;
    margin-top:0;
    }

    #navwrap {
    width:690px;
    }

    #nav ul {
    margin-left:-40px;
    line-height:14px;
    margin-top:0;
    }

    html>body #nav ul {
    margin-top:-10px;
    }

    #nav ul li {
    margin-top:0;
    padding:10px;
    }

    #nav a {
    font-size:12px;
    font-weight:bold;
    }

    #nav a:hover {
    color:#f1c300;
    }
    '

  2. The body tag does have an ID would that matter?

  3. That didn't really help me much.

  4. Well, the point is that child selectors are stripped out by WP.com software.

  5. OK I understand. Could there be any other way of fixing this issue?

  6. Also, is there a way to "hide" part of a post and have a "more" link that takes you to the rest of it?

  7. Detailscomm, if you're still looking for help with the CSS, I think you'd be better off starting a new thread with a title that explains what you're trying to do. The 'child selectors' issue may be putting off people who actually could help you.

    I'm not sure I understand what you mean by 'the menu is too tall'. Which menu?

Topic Closed

This topic has been closed to new replies.

About this Topic