"Sidebar Menu Styling" (#1972355) / Laborator Support

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 though

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.