In diesem Artikel finden Sie die am häufigsten verwendeten und benötigten CSS-Codes, die Sie manuell auf Ihre EmbedFeed-Widgets anwenden können.

Benutzerdefiniertes CSS kann innerhalb der Widget-Einstellungen angewendet werden. Auf der unteren linken Seite finden Sie den Tab für benutzerdefiniertes CSS (Screenshot unten).

Bitte finden Sie unten die benutzerdefinierten CSS-Codes.

Header-Bild, Höhe und Breite:
​.es-widget-header-image {
border: 3px dashed purple;
height: 100px;
width: 100px;
}
​

Feed-Box, Rahmengröße und Hintergrundfarbe:
.esu-box {
border-radius: 30px;
border: none;
background-color: whitesmoke;
}
​

Benutzername des Feed-Posts, Schriftgröße:
.esu-username {
font-size: 18px;
text-transform: capitelize;
}
​

​Datum des Feed-Posts, Schriftgröße und Farbe:
.esu-date {
font-size: 16px;
color: #696b70;
}
​
​

Feed-Post, Eckenradius:

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

Feed-Post, Deckkraft des Abspiel-Symbols:
.esu-play-icon circle {
fill-opacity: 1;
}
​

Feed-Post, Deckkraft des Logos:

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

Feed-Post, Schriftgröße der Bildunterschrift:
​.esu-caption-text {
font-size: 16px;
-webkit-line-clamp: 4;
}
​

​Feed-Post, "Mehr sehen" Farbe und Dekoration:
.esu-text-toggle {
font-size: 16px;
text-decoration: underline;
color: #0d0def;
}
​
​