27 Vote

Ability to change color of main menu bar on Itasca theme

Instead of only having the almost black, transparent main menu bar on Itasca, clients should be able to change the color to better brand and design their website.

  • Jonah Steinmeyer
  • Dec 14 2015
Frequency Daily
Which sport(s) does this apply to: Not Sport Specific
Organization type Other
  • Attach files
  • Matthew Fromm commented
    9 Apr, 2016 05:05am

    If anyone is interested, this is possible to do if you want to use a little workaround.  You have to add a little css code to the "Edit <HEAD> Code" on each top level page though. Take a look at one of my sites, to see the result.

    I added the following code to "Cascading <HEAD> Code" to change it:


    #topNav .theme-main-nav{
    background: #20713a;
    background: -moz-linear-gradient(top, #20713a 0%, #020603 100%);
    background: -webkit-linear-gradient(top, #20713a 0%,#020603 100%);
    background: linear-gradient(to bottom, #20713a 0%,#020603 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20713a', endColorstr='#020603',GradientType=0 );
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,50);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,50);



  • Alec Kinsky commented
    14 Mar, 2016 07:27pm

    I understand you can change the color of the Primary Color to affect the "1st" bar on top, but the "2nd" bar, the main nav, is default to a transparent black. Is there a way to change the color there to red, green, white, etc? And then change the font color of the main nav?

  • Robert Bedeaux commented
    13 Mar, 2016 11:57pm

    Hi Jonah, I'm not exactly sure what you are looking for. Can you either provide a screenshot calling out the change or some additional detail? thanks!

  • +24