Resize toolbar

Permanently deleted user

July 20, 2015 08:50

Hi. I am currently trying to resize the toolbar to make the height smaller. So far I have been successful in resizing the toolbar and the icons, however I can't get the border of the toolbar groups and headings to fit in the toolbar. Is there a way to do this?  So far the custom styling code looks like this:

 

 

/customer/servlet/servlet.FileDownload?file=00P6000000eltiKEAQ

 

 

.toolbar-body {

 

    height:75px;

 

    }

 

.toolbar-body button {

 

    margin: 1px 1px;

 

    height:48px;

 

    }

 

.toolbar-body.large .toolbar-group {

 

    border-width: 1px;

 

    padding-bottom: 0px;

 

    padding-top:0px;

 

    }

 

    

 

.toolbar-item > img, .toolbar-item > span.icon {

 

    margin: 0.1em;

 

    padding: 2px 0px 2px;

 

}

 

 

0

• 

  Permanently deleted user

  July 20, 2015 14:48

  Eventually found the right css property online and adjusted it by using max-height:

   

  .toolbar-body.large .toolbar-group {

   

      border-width: 1px;

   

      max-height: 78px;

   

     padding-bottom: 0px;

   

      padding-top:0px;

   

      }

  0

Please sign in to leave a comment.