All Collections
App Store Integration
How to add Custom CSS in your responsive website builder
How to add Custom CSS in your responsive website builder

Frequently used CSS classes to customize your social media feed in your responsive website builder.

Teo avatar
Written by Teo
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 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, and 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.

Did this answer your question?