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.
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
Regards,
Gleb
1 Like
Thank you Gleb.