All Collections
EmbedFeed
FAQs and Troubleshooting
How to apply custom CSS for your Feed Widget (Old Editor)
How to apply custom CSS for your Feed Widget (Old Editor)

Use custom CSS codes to customize fully your EmbedFeed widget and apply them by yourself

Laze Trajkov avatar
Written by Laze Trajkov
Updated over a week ago

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:

Example of CSS

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.

Applying CSS in the widget

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. 🙏

Did this answer your question?