This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.

clone458396
clone458396

The backend primary nav icons and text were too large for my taste. Here's some CSS that shrinks them down. My CSS also sets the entire backend font to Arial.

body {
    font-family: Arial;
}

nav#layout-mainmenu.navbar ul li.active a, .mainmenu-collapsed li.active a, nav#layout-mainmenu.navbar ul li.highlight a, .mainmenu-collapsed li.highlight a
{
    color: #ddd !important;
}

nav#layout-mainmenu.navbar ul li a {
    font-size: 14px;
    font-family: arial;
    font-weight: normal;
    line-height: 1px;
}

nav#layout-mainmenu.navbar ul li a i {
    font-size: 15px;
}

nav#layout-mainmenu.navbar ul li.preview i {
    display: none;
}

nav#layout-mainmenu.navbar ul li.account img {
    width: 15px;
}

nav#layout-mainmenu.navbar ul li.preview {
    display:none;
}

nav#layout-mainmenu.navbar ul li.account a {
    padding-top: 14px;
}

nav#layout-mainmenu.navbar ul li.account img {
    top: 0px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    nav#layout-mainmenu.navbar ul li.account img {
        width: 35px;
    }
}

Last updated

1-1 of 1

You cannot edit posts or make replies: the forum has moved to talk.octobercms.com.