Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #79767
    Kim
    Participant

    What would you call this main nav bar area? I would like to change the color.

    https://beautyblackbook.com/wp-content/uploads/main-nav.jpg

    Thanks!
    Kim Ann
    Beautyblackbook.com

    #79789
    Paul
    Participant

    I too would like to know?
    truthequine.com

    #79825
    Sakin
    Keymaster

    @Kim: It must be Primary menu and you can change that color from “Appearance => Theme Options => Color Options => Menus Color Options => Primary Menu Color Options”

    #79826
    Sakin
    Keymaster

    @Paul: You site is not live to check in.

    #80555
    Kim
    Participant

    Primary Menu Color Options

    This is not working for me. Which one of these would it be?

    As you can see, the Menu Background Color says white but it is not white.
    Sub-Menu Background Color, Menu Active Background color’s also are white but the bar is still grey.

    The rest are hover or text colors.

    ?
    Kim

    #80556
    Sakin
    Keymaster

    It’s not changing as you have manually added in grey in your child theme css. Remove the following css and it will be white

    #header-menu .menu-header-container {
        background-color: #e9e7e7;
    }

    Your sub-menus, background colors are in white

    #80893
    Kim
    Participant

    🙁 I’m not finding that on my css!

    #third-sidebar .widget_custom_menu_wizard .current-menu-item { font-weight: bold; }
    .entry-meta { display: none; }
    .mobile-menu { background-color: #d8180a; text-align: center; width: 100%; height: 50px; }
    .site .genericon-menu { box-sizing: border-box; height: 50px; width: 100%; }
    .mobile-menu a { color: #fff; padding: 10px; }
    .mobile-menu-text { display: inline-block; }
    .wp-caption .wp-caption-text:before {
    content: none;
    }
    .wp-caption .wp-caption-text {
    padding-left: 0;
    }
    .wp-caption .wp-caption-text {
    text-align: center;
    }
    .DisplayCategoriesWidget select {
    height: 30px;
    width: 70%;
    }
    .DisplayCategoriesWidget input[type=”submit”] {
    padding: 0;
    vertical-align: middle;
    width: 28%;
    }

    @media
    screen and (min-width: 940px) {
    #header-menu ul.menu a, #footer-menu ul.menu a {
    padding-left: 30px;
    padding-right: 30px;
    }
    }
    .widget-title { text-align: center; }
    #header-menu ul.menu a,
    #footer-menu ul.menu a {
    font-size: 16px;
    line-height: 3.5em;
    }

    @media
    screen and (min-width: 941px) {
    #logo-wrap { width: 68%; }
    #sidebar-header-right { width: 300px; }
    }

    @media
    screen and (max-width: 1280px) {
    .site #header-menu ul.menu a,
    .site #footer-menu ul.menu a {
    padding: 0 10px;
    }
    }


    @media
    screen and (max-width: 1100px) {
    .site #header-menu ul.menu a,
    .site #footer-menu ul.menu a {
    padding: 0 8px;
    }
    }


    @media
    screen and (max-width: 1000px) {
    .site #header-menu ul.menu a,
    .site #footer-menu ul.menu a {
    font-size: 13px;
    }
    }
    .blog #content .hentry,
    .archive #content .hentry {
    margin-bottom: 0;
    padding-bottom: 0;
    }

    @media
    screen and (max-width: 1280px) {
    .site #header-menu ul.menu a,
    .site #footer-menu ul.menu a {
    padding: 0 10px;
    }
    }


    @media
    screen and (max-width: 1100px) {
    .site #header-menu ul.menu a,
    .site #footer-menu ul.menu a {
    padding: 0 8px;
    }
    }


    @media
    screen and (max-width: 1000px) {
    .site #header-menu ul.menu a,
    .site #footer-menu ul.menu a {
    font-size: 13px;
    }
    }
    .sidr ul.sub-menu ul { display: none; }
    .has-header-left-menu .site #logo-wrap {
    text-align: center;
    width: 100%;
    }
    #site-logo {
    display: block;
    float: none;
    }
    #header-content .wrapper { position: relative; }
    #sidebar-header-right { position: absolute; top:0; right: 0; width: auto; }
    #branding .sidebar-header-right img { float: right; }
    .site {
    margin: 0 auto;
    max-width: 1300px;
    }
    div.ecwid-productBrowser-auth {
    display: none;
    }
    table.ecwid-Checkout-blockTitle button, div.ecwid-Checkout-PasswordBlock {
    display:none;
    }
    div.ecwid-Checkout-blockTitle button.gwt-Button{
    display: none;
    }
    div.ecwid-productBrowser-categoryPath {
    display:none;
    ​}
    div.ecwid-results-topPanel-viewAsPanel {
    display:none !important;
    ​}

    div.ecwid-results-topPanel-sortByPanel {
    display:none !important;
    ​}
    body.sidr-open { position: fixed !important; }

    #80957
    Sakin
    Keymaster

    @Kim: It’s in your child theme style.css https://beautyblackbook.com/wp-content/themes/hidemyage/style.css , line no 109

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change Main Nav Bar Color’ is closed to new replies.