How to change colors of main menu?

  • Resolved marbak

    (@marbak)


    9 years, 11 months ago

    Hi,

    I have made cool website with this beautiful theme and I am wondering how could I change colors in main menu, background to #743c7e and text to white(inactive) and to light-gray(active)?
    Also, is there a way for main menu to be centered on the page?

    Thank you!

    My website: https://vucjakden.com/

    Marko

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello,

    You can try this in your Custom CSS:

    #header-right-section, #site-navigation {
    width: 100%;
}
.main-navigation li {
    padding: 0 7%;
}#header-text-nav-container {
    background-color: #743c7e;
}
#menu-main-menu .current-menu-item a {
    color: #ccc !important;
}
#menu-main-menu li a {
    color: #fff;
}

    Thank You.

    Thread Starter marbak

    (@marbak)

    Hello Sam!

    It really works! Thank You very much! ??
    Colors are just the way I wanted and main menu is now centered, but navigation buttons are too widespread, there is too much space between them. I would like that space between them be as it was. Can it be done?

    Thank You!

    Hello,

    You can try this in your Custom CSS to achieving that:

    #header-right-section, #site-navigation {
    width: 92%;
}
.main-navigation li {
    padding: 0 5%;
}

    Thank you.

    Thread Starter marbak

    (@marbak)

    Sam,
    this is much better! Just what I wanted.
    Thank you very much on great support and help!

    Welcome and Merry Christmas. ??

    Thread Starter marbak

    (@marbak)

    Merry Christmas too! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change colors of main menu?’ is closed to new replies.