This topic has 6 replies, 4 voices, and was last updated 10 years by johnnathan.

  • Author
  • #16504
     johnnathan
    Participant

    Is it possible to change? “Top menu” color..

    Attachments:
    You must be logged in to view attached files.
    #16569
     guy_fraser
    Participant

    Yes, go in to Admin > Theme Options > General Settings and scroll to the bottom of the page and you’ll see a Quick css box. Enter something like the following:


    .top-bar {
    /* styles for entire top bar */
    }
    .top-menu {
    /* styles for just the menu part of the top bar */
    }

    You can inspect the HTML in that area and find more info on CSS as described in this comment: https://archived.seventhqueen.com/forums/topic/ui-feedback/#post-16566

    #16624
     johnnathan
    Participant

    I tried this

    .top-bar {
    color:#7D3306;
    }

    .top-menu {
    color:#db6218
    }

    but nothing happens ..

    “Thanks for your help” 🙂

    #16625
     guy_fraser
    Participant

    The existing text colours are probably defined with higher ‘specificity’ than other elements, meaning that you’ll need to make your own CSS more specific.

    For example:

    .header-color .top-menu li > a {
    color: #db6218;
    }

    The mouse hover state will probably be (I’ve not checked):

    .header-color .top-menu li > a:hover {
    color: #db6218;
    }

    To change the background colour of the whole top bar you’ll need to use ‘background-color’ instead of ‘color’, for example:

    .social-header {
    background-color: #f00;
    }

    #16652
     designing
    Participant

    Yeah I also added the code to try and change the header color, but nothing changed at my end either

    #16682
     Pedroml
    Participant

    Example:

    #my-menu-name li a{color:#000000;}
    #my-menu-name li a:hover{color:#ffffff;}

    #16907
     johnnathan
    Participant

    Thnx it works 😀

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Is it possible to change? "Top menu" color..’ is closed to new replies.

Log in with your credentials

Forgot your details?