Left menu backcolor

Locked
jackey
Posts: 1
Joined: 10 Dec 2015, 18:14

11 Dec 2015, 06:55

how can i change the left menu Background Color

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

14 Dec 2015, 09:46

You need to override css of left menu. You can use this css structure for background-color of left-menu;

Code: Select all

#layout-menubar {
      background-color: #dedede;
}


Also, I created a sample code. Please try this example;

Code: Select all

#layout-menubar {
    background-color: #dedede;
    box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.07) inset;
    border-right: none;
}

#layout-menubar li a,
#layout-menubar li a i {
    color: #003d50;
    border-bottom: none;
}

#layout-menubar .layout-menubar-container > li {
    border-bottom: 1px solid #c5c5c5;
}

#layout-menubar li a:hover,#layout-menubar li a:active,#layout-menubar li a:focus,
#layout-menubar li a:hover i,#layout-menubar li a:active i,#layout-menubar li a:focus i{
    color: #ce2246;
}

#layout-menubar li:hover {
    background-color: #f4f4f4;
}

.layout-menubar-active {
    background-color: #f4f4f4;
    color: #ce2246;
}
.layout-menubar-active {
    text-shadow: none;
}

#layout-menubar li ul li a:hover{
    border-bottom: 1px solid #c5c5c5;
}

#layout-menubar .layout-menubar-container li a:focus {
    color: #ce2246;
}

/* Buttons of  leftmenu*/
.layout-menubar-resize,
.layout-menubar-resize2 {
}
I think you can change this example or add your css.

My example's screenshot;
Image

Locked

Return to “Sentinel”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests