Change background color sidemeu

Support
#1

Good morning, I would like to change the background color of the sidemenu component, I would like to put a gradient color, I have tried putting these lines in the helium-ext.scss file
.c-sidemenu {
background-image: -webkit-linear-gradient (to right, # 78ffd6, # 007991); / * Chrome 10-25, Safari 5.1-6 * /
background-image: linear-gradient (to right, # 78ffd6, # 007991); / * W3C, IE 10 + / Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ * /
}
but it doesn’t work, is the scss key correct or would it be with another?
Thanks and regards.

#3

Hello @albertosanchez,

You could modify your helium-ext.scss file to following:

@mixin com_company_app-helium-ext {
  .c-sidemenu,
  .c-sidemenu-submenu {
    background-image: -webkit-linear-gradient(left,#78ffd6,#007991) !important;
  }
}

Result

image

Regards,
Gleb

1 Like
#5

Thank you Gleb.