最近访客

美化笔记 – 专题&聚合小工具更多文章美化

这是一款子比主题专题&聚合小工具卡片美化,在此小工具的更多文章按钮加上美化,让用户看起来非常的明显此按钮,喜欢的自行部署吧!

Screenshot_20251007_220006

转自腾飞博客

用这个小工具我们要用子比主题的小工具,在WP后台–>>外观–>>小工具–>>Zibll 专题&分类聚合卡片,用子比自带的这款小工具即可,然后我们将下面的代码放到:子比主题–>>自定义CSS样式即可!

左侧图片放大CSS代码:

/*分类聚合图片放大*/
.term-aggregation .term-img {width: 16em;}.graphic, .page-cover {margin-top: 0px;}@media screen and (min-width:1024px) and  (max-width: 1240px) {.term-aggregation .term-img {width: 19.8em;}.em14 {display: none !important;}/*.text-ellipsis-2 {display: none !important;}*/}@media screen and (min-width:768px) and (max-width:1023px) {.term-aggregation .term-img {width: 14em;}.em14 {display: none !important;}/*.text-ellipsis-2 {display: none !important;}*/}
/*隐藏否则不显示标题*/
@media screen and (min-width:425px){.clearfix {padding-top: 20px;}}

width:16em代表宽度,修改数字即可调整大小

margin-top: 0px代表位置,0可以改为正数下移,负数上移。如果负数大了,会对别的显示有影响。

© 版权声明

THE END
点赞32 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容