Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #1673170
CSS code
Closed

Comments

  • curmi01 started the conversation
    August 10, 2018 at 2:40pm

    Hi Guys,

    I applied the custom css code however it is only taking place on the homepage, how can i get it to be applied to the menus of each page? 

    /* Mega Menu background*/
    main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul ul, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul {
           background-color: rgba(255, 255, 255, 0.5);
    }

    /* Menu Items Colour */
    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul li a {
        color: #5b5757;
    }

    /* Menu Underline Colour */
    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul ul li a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul li a:after {
        background-color: #fff;
    }

    Thanks

  • [deleted] replied
    August 13, 2018 at 6:45am

    Hi curmi01,

    Can you please send me your Wordpress credentials, because I need to login to your site and test this.

    To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.

    Thanks!

  •   curmi01 replied privately
  • [deleted] replied
    August 13, 2018 at 8:48am

    Hi curmi01,

    Solved (see video).

  • curmi01 replied
    August 13, 2018 at 12:19pm

    Hi Ylli,

    Thanks for reply. However its not what i need.

    I need my homepage menu to be the same when i move to all the pages. I added the custom css however it is only working for the hompage.

  • [deleted] replied
    August 14, 2018 at 7:18am

    Hi there,

    You can achieve that by just changing color of your menu to White (see video).

    P.S: If you want to make your menu area different color then you can add a CSS code like this:

    header.main-header {
    background-color: #868686;
}

    in your Custom CSS area.

    Thanks!