Justnews卡片式列表隐藏标题样式分享
.post-loop-list .item .date {
top: 15px;
}
.modules-main-list .item-title, .feature-posts-wrap .item-title{
display:none;
}
以上代码，第一段是调整了分类文章-文章列表（纯文字版本）中的日期与文章标题对齐。
第二段隐藏了自定义首页推荐文章中的卡片模式的文章列表上的标题，以及文章卡片列表的标题
如上图，隐藏了卡片式列表的标题，防止标题与缩略图上的文字重叠，影响阅读。
2020年12月06日 21:25 0条评论
如上图，纯文字版列表的日期与标题对齐。
2020年12月06日 21:25 0条评论.main-list-card .item:hover .item-img {
-webkit-filter: brightness(80%);
filter: brightness(80%);
background: var(–theme-color)!important;
}
.main-list-card .item:hover .item-title {
display: block;
}
.main-list-card .post-loop-card .item-title {
bottom: 40%!important;
}
@media (max-width: 767px){
.main-list-card .item-category {
display: none;
}
}新增一段CSS代码，如此当鼠标移动到卡片区域时，自动显示标题，隐藏卡片图片，并使用一个默认背景颜色；手机端取消文章卡片列表上的分类目录字样。
2020年12月11日 23:35 0条评论
