Blog Post
AbhishekGu
3 years agoKhoros Staff
Hello adriana4u
You have to make some CSS tweaks to make it work in your community.
Example add the following to your custom component at the very top:
<style>
.lia-component-quilt-community-hero .custom-community-hero .lia-component-notificationfeed-widget-notification-feed-item:first-child {
display: inline;
margin: 0;
}
.lia-component-quilt-community-hero .custom-community-hero .lia-component-notificationfeed-widget-notification-feed-item {
background: transparent;
border: 0;
display: none;
}
.lia-component-quilt-community-hero .custom-community-hero .since, .lia-component-quilt-community-hero .custom-community-hero .lia-component-notificationfeed-notification-list, .lia-component-quilt-community-hero .custom-community-hero .lia-component-notificationfeed-notification-list * {
display: inline;
float: none;
width: auto;
}
</style>
Even after adding the above css to your custom component you may have to add some css tweaks to make it work based oon your community.
Regards,
Abhishek Gupta