Question

Adjusting Widget height

  • 16 March 2022
  • 2 replies
  • 87 views

Userlevel 4

Howdy folks!

Throwing this out to the CSS gurus out there, any suggestions how to reduce the height of the below file repository widget? It’s FAR too high and pushes the course description waaaay down the page.  Have been trying in vain using a variety of code options but nothing successful or scalable thus far. 

Any advice / code options appreciated.

 

 


2 replies

Userlevel 7
Badge +5

Give this a try and see if it works for you.

You may want to test and make sure other widgets are not adversely affected.

/** Adjust File Widget Height **/
/** Set pixel values as desired **/

.course-docs {
min-height: 200px;
}

.course-docs .tree-wrap {
height: calc(100% - 100px);
}

 

Userlevel 4

Many thanks  @gstager !  This is super useful. 

Reply