Dans cet article, vous trouverez les codes CSS les plus utilisés et nécessaires que vous pouvez appliquer manuellement à vos widgets EmbedFeed.

Le CSS personnalisé peut être appliqué, dans les paramètres du widget, et sur le côté inférieur gauche, vous trouverez l'onglet CSS personnalisé (Capture d'écran ci-dessous)

Veuillez trouver ci-dessous, les codes CSS personnalisés.

Image d'en-tête, hauteur et largeur:
.es-widget-header-image {
border: 3px dashed purple;
height: 100px;
width: 100px;
}
​

Boîte de flux, taille de la bordure et couleur de fond:
.esu-box {
border-radius: 30px;
border: none;
background-color: whitesmoke;
}
​

​Nom d'utilisateur du post dans le flux, taille de la police:
.esu-username {
font-size: 18px;
text-transform: capitelize;
}
​

​Date du post dans le flux, taille de la police et couleur:
.esu-date {
font-size: 16px;
color: #696b70;
}
​
​

Post dans le flux, rayon de la bordure:

.esu-media-box {
border-radius: 30px;
}
​

Post dans le flux, opacité de l'icône play:
.esu-play-icon circle {
fill-opacity: 1;
}
​

Post dans le flux, opacité du logo:

.esu-logo path {fill-opacity: #000000;}

Post dans le flux, taille de la police de la légende:
​.esu-caption-text {
font-size: 16px;
-webkit-line-clamp: 4;
}
​

​Post dans le flux, couleur et décoration du "voir plus":
.esu-text-toggle {
font-size: 16px;
text-decoration: underline;
color: #0d0def;
}
​