None of any standard styling is applied over the widget
How for example I can edit the margins of widgets? If I want to make them smaller. Or how to make my images to be on left side and the text next to them on right side?
Hey @Boyko, we provide snippets that you can use in order to make changes to the widget’s CSS. The snippets are available in the top right corner of the CSS editor:
1 Like
Thanks a lot Daniel, that’s great but unfortunately they still cant be very useful, for example in Blog style I cannot resize the feed and get it smaller or cannot cut off the Feed Title like the description text. Can you add a configuration settings for that in Configuration tab? Or just provid3e me the CSS code to test it? Thanks a lot for your kindles.
Try the following code for the title:
.plugin-wrapper .feed-header h2 {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
There is no effect even with 50%
Can you share a link to the live widget?
7aaafbd4-0684-4b0f-a9fa-160e024c896f
div class=“commonninja_component pid-7aaafbd4-0684-4b0f-a9fa-160e024c896f” /div
I fixed that for you. The CSS should be:
.plugin-wrapper .feed-content-title {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Seems better but now the Title is only on one row, it’s too short, should be at least at two rows, that’s way better approach is to use:
inline-size: 350px;
So I can stop the Title exactly where I want.
But this is not working in your CSS.
Something like that one:
Please see the following article:
You are my hero, that really did the trick, thanks a lot for your contribution to this hell topic.
1 Like
Sure thing. Always happy to help 
1 Like