domenica 10 dicembre 2023

Angular ngx-gallery custom color label

Nel caso che si utilizza il componente per le galleria immagine ngx.gallery https://www.npmjs.com/package/ngx-gallery può essere necessaria quella di personalizzare la scritta e lo sfondo.
Per fare questo, applicare nel file ".scss" il seguente stile, che imposta uno sfondo di un determinato colore, il colore rosso della label (testo) la dimensione del testo descrittivo dell'immagine, ed il font in grassetto. 



:host ::ng-deep.ngx-gallery-thumbnails-description-content {
    color: red !important;
    background: rgb(8, 194, 241);
    text-align: left;
    font-size: 15px !important;
    font-weight: bold;
  }

Nessun commento: