Okay
  Public Ticket #1187618
default menu color
Closed

Comments

  •  1
    Roger Martin started the conversation

    Hi there. 

    How do you change/alter the default menu colour? It's fine using the 'white skin' for the slider pages, but I have a number of non slider pages where I'd like to alter the colour from the default one or from using the black skin. Do I need to use CSS to do this? If so what is the code?

    Many thanks

    Roger

  •  1,559
    Laborator replied

    Hi Roger,

    You can do that by editing any page and scrolling down you will see the settings below:


    (view large version)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Roger Martin replied

    Hi Art

    Thanks for getting back to me so quickly as always. I think I didn't make myself clear in my original post. The only options under the 'Custom menu Skin' include 'use from theme option', 'default primary thme colour' or the black or while skin colours.

    But how do I cahnge the menu colour to  for example blue or red?

    Thanks

    Roger

  •  1,559
    Laborator replied

    Hi Roger,

    That's not possible through it, you will have to add custom CSS to make it work, can you please send us your site URL first, so we can investigate your site and then get back to you with possible solution.

    P.S. make sure you've disabled the Maintenance/Coming Soon mode

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Roger Martin replied

    Hi Art

    The url is careersassist.co.uk.

    If I have to add CSS to pages where I want the menu colour to be different from the default theme one, then that's fine.

    Thanks

    Roger

  •  1,559
    Laborator replied

    Hi Roger,

    Have you tried the Theme Styling by changing the Link color:


    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Roger Martin replied

    Hi Art


    Just tried this. The underline colour changes but not the text itself.

    Thanks

    Roger

  •  1,559
    Laborator replied

    Hi Roger,

    Adding the following CSS in the Custom CSS area will change the color of your menu too:

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a {
        color: #62d82f;
    }
    

    If you don't know how to add extra CSS, please follow this article on our docs page.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Roger Martin replied

    Hi Art

    This works perfectly. Is there a universal place to make this change, or will I have to add it to each individual page when I want to change the colour of the menu?

    Thanks

    Roger

  •  1,559
    Laborator replied

    Hi Roger,

    If you want to change the color of the menu separately on each page then add the CSS in that page, so it will be valid only for that page/post.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Roger Martin replied

    Okay, that's great.

    Thanks for the CSS code and your time.

    Cheers

    Roger