In questo articolo troverai i codici CSS più utilizzati e necessari che puoi applicare manualmente ai tuoi widget EmbedFeed.
Il CSS personalizzato può essere applicato all'interno delle impostazioni del widget. Sul lato in basso a sinistra troverai la scheda CSS personalizzato (screenshot di seguito).
Di seguito troverai i codici CSS personalizzati.
Immagine dell'intestazione, altezza e larghezza:
.es-widget-header-image {
border: 3px dashed purple;
height: 100px;
width: 100px;
}
Box del feed, dimensione del bordo e colore di sfondo:
.esu-box {
border-radius: 30px;
border: none;
background-color: whitesmoke;
}
Nome utente del post nel feed, dimensione del font:
.esu-username {
font-size: 18px;
text-transform: capitelize;
}
Data del post nel feed, dimensione del font e colore:
.esu-date {
font-size: 16px;
color: #696b70;
}
Post nel feed, raggio del bordo:
.esu-media-box {
border-radius: 30px;
}
Post nel feed, opacità dell'icona play:
.esu-play-icon circle {
fill-opacity: 1;
}
Post nel feed, opacità del logo:
.esu-logo path {fill-opacity: #000000;}
Post nel feed, dimensione del font della didascalia:
.esu-caption-text {
font-size: 16px;
-webkit-line-clamp: 4;
}
Post nel feed, colore e decorazione del "vedi altro":
.esu-text-toggle {
font-size: 16px;
text-decoration: underline;
color: #0d0def;
}
