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 #1972355
Sidebar Menu Styling
Closed

Comments

  •  2
    Edward started the conversation
    April 12, 2019 at 8:55am

    I am trying to change the colour of the background on the sidebar - I can't see where it's getting this mushroom colour from. 

    {"wp":{"use":false,"adminUrl":"www.soniadeveney.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

    I want to change to change the colour of the overlay too. 

    Is it also possible to show sub menu items always rather than having to click on the carat?

  • [deleted] replied
    April 12, 2019 at 9:08am

    Hi ecallaghan,

    Sorry but I can't login in your site (see video).

    Can you please check this problem so I can login and inspect your site?

    Thanks!

  •   Edward replied privately
  •   Edward replied privately
  • [deleted] replied
    April 12, 2019 at 9:22am

    Hi ecallaghan,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time thoughsmile.png

    Please add the code below to your Custom CSS area:

    .sidebar-is-opened .sidebar-menu-disabler {
    filter: alpha(opacity=10) !important;
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
}
.sidebar-menu-wrapper {
    background: red !important;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li ul {
    height: auto !important;
    overflow: visible !important;
}
.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu ul > li > a {
    color: #fff;
}
.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu > li > a:hover {
    color: green;
}

    Then you can change the colours based on your preferences.

    Will set this ticket as solved from here.