0
Welcome Guest! Login
0 items Join Now

SOLVED Menu Text colour setting

    • Leo List's Avatar
    • Leo List
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Re: SOLVED Menu Text colour setting

    Posted 6 years 10 months ago
    • Have now added the following to custom.scss
      /*
           Colour of the top level menu text
      */
      #g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
              color: #f5f1f1;
              border-radius: 3px;
      }
      /*
           Colour of the sub menu text
      */
      #g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {
          color:  #f5f1f1;
          border-radius: 3px;
      }
      /*
            Background Colour of Dropdown menu
      */
      #g-header .g-main-nav .g-dropdown {
          background: #002db3;
      }
      /*
            Colour of select menu item
      */
      #g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
          color: #ffff00;
      }

      This gives me pretty much everything I want. The remaining question is the blue main menu. which is achieved via the block seeting for that menu and via the "Box Blue" variation. I'd like to achieve the same via the customs.scss as the default color for that block doesn't quite match the requirements.

      Thanks
      Leo
    • Last Edit: 6 years 10 months ago by Leo List.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Menu Text colour setting

    Posted 6 years 10 months ago
    • So you can just change the color of the "box-blue" class you are already using like this...
      .box-blue.moduletable, .box-blue.widget, .box-blue.g-outer-box, .box-blue > .g-content {
        background-color: darkblue;
      }

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Leo List's Avatar
    • Leo List
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Re: SOLVED Menu Text colour setting

    Posted 6 years 9 months ago
    • Thanks for that.

      Maybe I misunderstood, but it looks like the Block Variation needs to be there so it can be overridden in the custom css.
      I had a few goes at this, but I have overdidden the blue box as long as the Variation is set to blue-box.
      If I remove the block variation, the customm css seem to do nothing

      Cheers,
      Leo
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Menu Text colour setting

    Posted 6 years 9 months ago
    • Exactly, yes. The Custom CSS that I gave you change the styling of the "box-blue" block variation.

      Regards, Mark.
    • The following users have thanked you: Leo List

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Leo List's Avatar
    • Leo List
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Re: SOLVED Menu Text colour setting

    Posted 6 years 9 months ago
    • All works as expected

      Thanks,
      Leo

Time to create page: 0.060 seconds