Page tree

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


Code Block
.skin-blue-light .main-header {
  & .logo {
    //background-color: red;	//this will change color under logo image
    &:hover {
      //background-color: red;  //this will change color under logo image during hover event

    & > span {
      height: 100%;
      width: 100%;
      display: inline-block;
      background: url("../img/midpoint_logo_white_180.png") no-repeat 10px 3px;	//here you can put logo of your company

  & nav.navbar.navbar-static-top {
    //background-color: red;	//this will change color of navigation bar on top of page

Stylesheets without overlay


This feature is available from version 3.7

It is possible to add file named midpoint.less to midpoint.home folder. This file will be used during less compilation (during runtime) and styles will be appended to the end of midpoint-theme.css so it can be used to override existing CSS styles without need to build maven overlay project.

Stylesheet files description