Tipps & Tricks der #moodlebande

Mit diesem kleinen Codeschnipsel in einem Textfeld (HTML-Modus einschalten) kann man die Textfarbe der Überschriften in einem Universellen Textfeld / Eingeklappter Text ändern:

<style>
.unilabeltype-collapsed-dialog-button a {
   color: #ff0000;
   font-size: 1.5rem;
   font-weight:400;
}
.unilabeltype-collapsed-dialog-button a:hover {
  color: #ff0000;
  font-size: 1.5rem;
  font-weight:400;
  text-decoration: underline;
}
.modal-title {
   color:#ff0000;
   font-size: 1.5rem;
   font-weight:400;
}
.unilabel-title {
   color:#ff0000;
   font-size: 1.5rem;
   font-weight:400;
}
.unilabeltype-collapsed a:hover{
   color:#ff0000;
   font-size: 1.5rem;
   font-weight:400;
   text-decoration: underline;
}
span.unilabeltype-collapsed-caret::after{
   color:#ff0000;
   font-size: 1.5rem;
   font-weight:400;}
</style>

Auch folgende Änderungen sind möglich:

<style>
.unilabel-title {
background-color: #4BA5D0;
border: none;
color: white;
// padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
// border-radius: 20px;
// box-shadow:  0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition-duration: 0.4s;
}
.unilabel-title:hover {
background-color: #3B8590;
color: white;
}

.modal-title {
// font-size: xx-large;
font-size: 1.25rem;
color: white;
text-decoration: underline;
}
</style>


<style>
.unilabeltype-collapsed-dialog-button a {
background-color: #4BA5D0;
border: none;
color: white;
// padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
// border-radius: 20px;
// box-shadow:  0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition-duration: 0.4s;
}

.unilabeltype-collapsed-dialog-button a:hover {
background-color: #3B8590;
color: white;
}

.modal-title {
// font-size: xx-large;
font-size: 1.25rem;
color: #000000;
}

.modal-lg, .modal-xl {
  max-width: 1090px;
}
</style>


<style>
.no-overflow {
  overflow: auto;
font-size: 1.25rem;
}
</style>