Making Icons (not font) bigger in menu
Can anyone help me with what changes I'd have to making (assuming it's some css) Β to make the icons (images) in the menus bigger? these are not FA icons or font icons, they are uploaded images.
Thanks!
-
You can do it in theme less file.
For example add this lines into end of modules/boonex/__your_theme_module__/data/template/system/css/menu.less
.bx-menu-floating-blocks-wide .sys-icons {
font-size: 2rem;
}
and clear LESS cashe after file changed
UPD
This example work for fonts. I haven't UNA installation with image icons for code check and write correct css classes for you
If you give me url with this page - I try to help you -
Hello chattabox !
You may change the heigh and width settings of image in .bx-menu-item .bx-menu-item-account-settings .bx-menu-floating-blocks-icon CSS class via Studio->[Your template name]->Styles->Custom styles area.
-
Thanks, I'll give it a try.
-
Itβs flapchat.io any url hit the + icon
-
I got a database error on this page (((
-
You need to add two css rules:
.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon {vertical-align: middle}
.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img {background-size: 100% 100%;}