WordPress.org

Ready to get started?Download WordPress

Forums

question about formatting children (8 posts)

  1. bndooley
    Member
    Posted 8 years ago #

    So, I want to format children using css.

    I tried # sidebar ul ul li, but for some reason that ends up formatting my links in the same style as the children.

    So I looked at the source, and noted that children are marked with /<ul class="children">/ so I created
    /.children ul {
    blah blah blah;
    }/

    and it had zero effect. Am I missing something really obvious here?

    Thanks

  2. ladydelaluna
    Member
    Posted 8 years ago #

    take out the "ul" in the CSS

    .children {
    blah blah blah;
    }

  3. bndooley
    Member
    Posted 8 years ago #

    Thank you for the suggestion.

    I forgot to mention it in my original post, but I tried that and it didn't work. Just in case, I tried again, but still no results.

    Any other possbilities?

    Thank you!

  4. ladydelaluna
    Member
    Posted 8 years ago #

    maybe try

    #ul.children {
    blah blah blah;
    }

  5. bndooley
    Member
    Posted 8 years ago #

    still no luck :(

  6. ladydelaluna
    Member
    Posted 8 years ago #

    Okay, this is what I have in mine for sidebar navigation...

    #nav ul {
    color: #660099;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    }
    #nav ul li {
    font: normal normal 90% Verdana, Arial, sans-serif;
    letter-spacing: normal;
    margin-top: 5px;
    padding-bottom: 2px; /*border-bottom: dotted 1px #fffff;*/
    }
    #nav ul ul {
    font-variant: normal;
    font-weight: normal;
    line-height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    }

    #nav ul ul li {
    border: 0;
    font: normal normal 90% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: 0;
    margin-top: 0;
    padding-left: 12px;
    text-decoration: none;
    }

    #nav ul ul li a {
    color: #444444;
    text-decoration: none;
    }
    #nav ul ul li a:hover {
    border-bottom: 1px solid #809080;
    }
    #nav ul ul ul.children {
    font-size: 90%;
    padding-left: 4px;
    }

    #nav ul ul ul li{
    border: 0;
    font: normal normal 90% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: 0;
    margin-top: 0;
    padding: 0;
    padding-left: 12px;
    }

    Since I don't have your site and don't know the theme you're using, I can't tell you how close this might be to yours... but this is my CSS for one of my sites - maybe you can figure it from this?

  7. benche1997
    Member
    Posted 8 years ago #

    hi guys

  8. benche1997
    Member
    Posted 8 years ago #

    Hi my name is benni any 1 wanna b my dogg?
    if the answer is yes please e-mail me benche1997@yahoo.com

Topic Closed

This topic has been closed to new replies.

About this Topic