Shadow behind nav menu & background with drop down nav menu

  • Resolved anitamb

    (@anitamb)


    10 years, 2 months ago

    Hi.
    I’m using wordpress and customizr for the first time in my life. My website is mbwoodcraft.com . Currently all the support I’ve managed to find has helped me millions, however I can’t resolve 2 issues. First, my ‘Home’ section on the nav bar is the only one which has this white-ish shadow behind it. And I’d either want to remove that, or have all of my nav menu have it in green. Second, is that the drop down menu under ‘Finishes’ shows white edges, and I have no idea how to get rid of it.
    Any help would be really appreciated.
    Thank you in advance.

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

  • 1) Fix the shadow with:

    .navbar .nav > li > a {
  text-shadow: none;
}

    2) You have some horrible inline coding, such as:

    DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.menu-item-17 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-27 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-59 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.dropdown.menu-item-60 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-64 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-65 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-66 A, DIV DIV UL.nav.tc-hover-menu LI.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-67 A {
    text-shadow: none !important;
}

    I suggest you rip it out and start that bit again.

    Thread Starter anitamb

    (@anitamb)

    Thank you, the shadow code worked perfectly.
    How do I get rid of the inline coding? I can’t find it in the editorial section of my child theme. Also, any advice on the drop down nav menu?
    Thank you again.

    Thread Starter anitamb

    (@anitamb)

    If it helps, this is all that I have in my editorial section of my website.
    body {
    background: none repeat scroll 0 0 #000000;
    color: #BDBDBD;
    font-family: Times New Roman, serif;
    padding-bottom: 0;
    }
    header.tc-header {
    min-height: 45px;
    background: #000000;
    border-bottom: 10px solid #000000;
    border-top: 5px solid #000000;
    }
    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    }
    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a {
    display: inline;
    color: #38A80F;
    font-family: Times New Roman;
    font-size: 1.2em;
    padding: 5px 20px;
    }
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter {
    color: #38A80F;
    text-shadow: #38A80F;
    }
    .navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
    color: #BDBDBD;
    text-shadow: #BDBDBD;
    }
    .navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a,
    .navbar .nav > li.current-menu-item > a:first-letter,
    .navbar .nav > li.current-menu-ancestor > a:first-letter {
    color: #FFFFFF;
    text-shadow: none;
    }
    .dropdown-menu > li > a {
    color: #38A80F;
    background: #000000;
    }
    .navbar .nav > li > a {
    text-shadow: none;
    }

    By using Firebug, I can see this code

    The reference is to /finishes/ so take a look at your Page=Finishes and see if you have some rogue code in there. May be you used Visual and not Text editor?

    Thread Starter anitamb

    (@anitamb)

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Shadow behind nav menu & background with drop down nav menu’ is closed to new replies.