RIPRO主题美化-修改文章标签字体颜色样式此方法适合极致子主题

自己网站使用的就是ripro极致子主题,最近感觉自带的文章标签字体又粗又大一点不美观,文章标签多了特别影响文章的阅读观感,今天就重写了一下css把标签字体重新设置了一下,对比之后看起来舒服多了,本来想把底部下划线都去掉的,后来想了想还是留着点印记,有时候采集文章别人的文章中也会带有标签链接,就设置了个下划虚线作为识别,方便采集文章编辑时候可以识别别人的文章标签好修改,代码免费分享给你们,有需要的自己把代码放到你主题diy.css文件中保存即可。此方法一切ripro的子主题都可以用。

修改方法把以下代码放到主题目录的diy.css文件中保存即可,不需要下划线的把border-bottom: 1px dashed grey;这个代码删掉即可。

/*****标签字体******/
.u-text-format a {
    color: inherit;
    font-weight: inherit !important;
    text-decoration: none !important;
    border-bottom: 1px dashed grey;
}
.u-text-format a:hover{
    opacity: .8;
    color: #006eff !important;
}

文章标签字体修改前后对比:

%title插图%num

①本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
② 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
③ 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。
④ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑤ 本站资源包如果有密码,统一解压密码:www.rclou.cn


二层楼源码网 » RIPRO主题美化-修改文章标签字体颜色样式此方法适合极致子主题

发表评论

  • 584会员总数(位)
  • 3130资源总数(个)
  • 11本周发布(个)
  • 2 今日发布(个)
  • 369稳定运行(天)