Justnews卡片式列表隐藏标题样式分享

古哥 分类:建议

.post-loop-list .item .date {
top: 15px;
}
.modules-main-list .item-title, .feature-posts-wrap .item-title{
display:none;
}

以上代码,第一段是调整了分类文章-文章列表(纯文字版本)中的日期与文章标题对齐。

第二段隐藏了自定义首页推荐文章中的卡片模式的文章列表上的标题,以及文章卡片列表的标题

回复

共3条回复 我来回复
  • 古哥
    古哥
    欢迎访问关注本站TG官方频道:@iymark 官方邮箱账号:admin#iymark.com
    评论

    2020120613242971

    如上图,隐藏了卡片式列表的标题,防止标题与缩略图上的文字重叠,影响阅读。

    2020年12月6日 21:25 0条评论
  • 古哥
    古哥
    欢迎访问关注本站TG官方频道:@iymark 官方邮箱账号:admin#iymark.com
    评论

    2020120613252452

    如上图,纯文字版列表的日期与标题对齐。

    2020年12月6日 21:25 0条评论
  • 古哥
    古哥
    欢迎访问关注本站TG官方频道:@iymark 官方邮箱账号:admin#iymark.com
    评论

    .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代码,如此当鼠标移动到卡片区域时,自动显示标题,隐藏卡片图片,并使用一个默认背景颜色;手机端取消文章卡片列表上的分类目录字样。

    dissmiss-background

    2020121115352587

    2020年12月11日 23:35 0条评论
本站APP
本站APP
京东好物
分享本页
返回顶部
新年
快乐