In this article, we will share an example of CSS that you can use for your feeds in EmbedFeed. The idea with the Custom CSS option is to give you an entire flexibility to make sure the design of the social media feed fits with your website branding and layout.
In this example, we are changing the CSS of the Title background color.
Example of custom CSS code:
#es-header .es-header-avatar {
border-radius: 40px;
margin-right: 5px;
margin-bottom: 2;
object-fit: cover;
}
.table-cell {
vertical-align: middle;
display: table-cell;
float: none;
background-color: #03FCF4;
}
Here is the change:
How to apply the custom CSS to the feed:
Just open the Custom CSS drop-down menu on the left side of the widget. Here, just add the changes of the above CSS tags, click Preview to see how the changes look.
Once finished, click the top right button Save to make sure the changes are reflected on your website.
If you have any questions or need additional assistance please feel free to reach out to us on our live chat or send us an email at support@embedsocial.com.
We're happy to help. 🙏