Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #5847


    how can i change the menu colours (BG/Font…) of the main menu. my theme is the Coalition Theme (i like it!!)




    add following code to css/custom.css (the first code snippet is for the current item, the other one effects all other menu links):

    #top .main_menu a:hover, #top .main_menu .current-menu-item > a, .main_menu .current_page_item > a {
    color: #FFFFFF;

    .main_menu .section-home.current-menu-item a, .section-home .section_bg{
    background-color: #32333D;


    div .main_menu a{

    .main_menu a:hover, .main_menu .current-menu-item>a, .main_menu .current_page_item>a{

    You can adjust the color values :)


    Thank you dude! :)


    Glad that I could help you :)


    Just to clarify the steps… having seen the “please dont’ edit this document” warnings on the style.css file, I simply add that snippet of code above to the “custom” .css file, and that will override the settings found in the style.css file?

    Any further clarification of steps would be helpful… I’m a bit of a n00b…





    yes, adding snippets to custom.css should overwrite the standard style.css file. (With some exceptions that aren’t important in this case)


    I found the “easiest” way to accomplish this… and maybe this is what you guys meant all along, and I just lacked the understanding… anyway.

    In the “dashboard” area, under “Coalition Theme Options,” select “Layout and Styling” I add the above code, with my color selection changes, into the “Quick CSS” box, hit “save all changes” and it was job done.

    From my previous understanding, I believed I actually had to open up the custom.css file, edit it and then re-upload it to the site…

    This way was much easier.


    Yes – that’s why Kriesi added this field. However it has some drawbacks – two of them:

    1) The code is saved in your database – so if you transfer the files, etc. you need to copy/paste the changes into a text file and transfer this text file.

    2) Because the field is very small it’s hard to edit the text. The result is that you need a text editor and copy/paste again.

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

The topic ‘Menu colour’ is closed to new replies.