main navigation menu mystile child theme

  • Im having an issue with my navigation menus ive tried all the css code to try and change the menu box colors to black and text to red and nothing happens, the only success i get is changing the top navigation full bar color but the text in that bar doesnt want to change either, so again i need to change the home,product categories bar… to black and text to red, and top navigation about us, contact us… the color of text in that box since i can change the bar colors on top navigation just cant figure out the text color change, please any help would be really appreciated…thank you

    https://www.qualitypuffvapors.com

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

  • Hi,

    Your theme should have some option from backend from there you can make it easily !!

    Right now, navigation links are over write many times so CSS will not working easily … you should have to write CSS in footer than only it will effect with “!important”

    Thanks

    Thread Starter mistercubano

    (@mistercubano)

    can you please look at my code and help figure out what must be changed please…Thank you.

    /* 2.2 Navigation */
    ul.nav li a {
    padding: .5em 1em;
    display: block;
    }
    #navigation {
    clear: both;
    margin-bottom: 2.618em;
    display: none;
    }
    #navigation ul {
    list-style: none;
    }
    /* Optional Styling */
    #navigation {
    border: 1px solid #ddd7d5;
    -webkit-border-radius: 0.327em;
    border-radius: 0.327em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    /* IE10 */
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    }
    /* 2.2.2 Top Navigation (optional) */
    #top {
    background: #000000;
    margin: 0 -1.618em;
    padding: 1.618em;
    }
    #top:after {
    content: “020”;
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    }
    #top .wc-nav {
    margin-bottom: 0;
    text-align: right;
    }
    #top .wc-nav li {
    list-style: none;
    display: inline-block;
    }
    #top .wc-nav li.checkout {
    display: none;
    }
    #top .wc-nav li.search {
    width: 48%;
    float: right;
    }
    #top .wc-nav li.search input {
    width: 100%;
    }
    #top .wc-nav li.search form {
    margin-bottom: 0;
    }
    #top .wc-nav li.search label,
    #top .wc-nav li.search .button {
    display: none;
    }
    #top .wc-nav li.cart {
    width: 48%;
    float: left;
    text-align: left;
    }
    #top .wc-nav li.cart a {
    padding-top: .25em;
    padding-left: 0;
    }
    #top .wc-nav li.cart a:before {
    font-family: ‘WebSymbolsRegular’;
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-family: “icomoon”;
    font-size: 1em;
    content: “”;
    font-weight: normal;
    }
    #top .wc-nav li.cart a .contents {
    display: none;
    }
    #top select {
    margin-top: .857em;
    width: 100%;
    }
    #top #top-nav {
    display: none;
    }
    #top li.cart mark {
    background: none;
    padding-left: 1em;
    color: inherit;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘main navigation menu mystile child theme’ is closed to new replies.