In this article, you will find the most used and needed CSS codes that you can manually apply to your EmbedFeed widgets.
​
Custom CSS can be applied, inside the widget settings, and on the bottom-left side, you will find the Custom CSS tab (Screenshot below)
​

Please find below, the Custom CSS codes.
​
​Imagen de encabezado, altura y ancho:
​.es-widget-header-image {
border: 3px dashed purple;
height: 100px;
width: 100px;
}
​

Caja de feed, tamaño del borde y color de fondo:
​.esu-box {
border-radius: 30px;
border: none;
background-color: whitesmoke;
}
​

​Nombre de usuario de la publicación en el feed, tamaño de fuente:
​.esu-username {
font-size: 18px;
text-transform: capitelize;
}
​

​Fecha de la publicación en el feed, tamaño de fuente y color:
​.esu-date {
font-size: 16px;
color: #696b70;
}
​
​

Publicación en el feed, radio del borde:

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

Publicación en el feed, opacidad del ícono de reproducción:
.esu-play-icon circle {
fill-opacity: 1;
}
​

Publicación en el feed, opacidad del logotipo:

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

Publicación en el feed, tamaño de fuente de la leyenda:
​.esu-caption-text {
font-size: 16px;
-webkit-line-clamp: 4;
}
​

​Publicación en el feed, color y decoración del "ver más":
​.esu-text-toggle {
font-size: 16px;
text-decoration: underline;
color: #0d0def;
}
​
​

​