Hi. There are several implementation options.
One example for the list of articles
.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery {
margin: -20px -20px 50px;
}
.article-list .article-body {
position: relative;
}
.published {
position: absolute;
top: -111px;
left: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100px;
height: 100px;
background-color: blue;
color: #fff;
line-height: 1.2;
font-size: 1.5em !important;
}
.published::before {
display: none !important;
}
Will look like this
