category headlines – white box

Hello!

That demo using following custom css:


.td-slide-meta {
background-color: #fff;
max-width: 30% !important;
bottom: 25px !important;
}
.td-slide-meta .td-module-title a:hover {
color: #db4e5a;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-slide-meta {
max-width: 56% !important;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-slide-meta {
max-width: 60% !important;
bottom: 20px !important;
}
}
@media (max-width: 767px) {
.td-slide-meta {
max-width: 76% !important;
bottom: 16px !important;
}
}
.td_block_template_8 .td-block-title > *:before {
height: 3px;
}
.td-social-style7 .td_social_type .td-social-box {
background-color: #9b71f7;
}
.td-big-cat-block .td_module_flex_1 {
display: block;
}
.td-fashion-block .td_module_flex:nth-child(3n) .td-module-container {
border-width: 0 !important;
}
.td-fashion-block .td-next-prev-wrap {
text-align: center !important;
}
.tdb_loop_2 .td-module-meta-info {
margin: 0 auto;
}
.tdb_loop_2 .td-module-meta-info .td-editor-date {
background-color: #fff;
padding: 15px 0;
width: 86%;
}
.tdb_loop_2 .td-next-prev-wrap {
text-align: center !important;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.tdb_loop_2 .td-module-meta-info .td-editor-date {
padding: 12px 0;
width: 90%;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.tdb_loop_2 .td-module-meta-info .td-editor-date {
padding: 8px 0;
width: 100%;
}
}

If you want to add the same design like there, then you can copy-paste this code into Newspaper -> Theme panel -> Custom code -> Custom css.

Thank you!