- 资源介绍
- 更新记录
1、找到/wp-content/themes/ripro/parts/home-mode/lastpost.php并找到以下代码
<h3 class=”section-title”><span><i class=”fa fa-list-alt”></i> 最新文章</span></h3>
并将下方的代码内容整体复制替换以上代码即可
<div class="HhCooltitle">
<span>NEWS</span>
<div class="HhChTitle">
<strong>最新</strong>
<strong>发布</strong>
</div>
</div>
2、找到wp-content/themes/ripro/assets/css/diy.css并将下方的代码内容整体复制进去并保存即可
/*首页最新发布标题美化*/
.HhCooltitle {
position: relative;
margin-bottom: 38px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
line-height: 1;
}
.HhCooltitle:before {
margin-right: 10px
}
.HhCooltitle:after {
margin-left: 10px
}
.HhCooltitle:before, .HhCooltitle:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: linear-gradient(-90deg, #b108ff 0%, #364cfd 100%);
border-radius: 50%;
}
.HhCooltitle span {
font-family: Futura;
background: linear-gradient(-125deg, #c000ff 0%, #2954fd 100%);
-webkit-background-clip: text;
color: transparent;
font-size: 49px;
letter-spacing: 5px;
display: inline-block;
font-weight: 700;
}
.HhCooltitle .HhChTitle {
font-size: 20px;
}
.HhCooltitle .HhChTitle strong {
display: block;
font-size: 20px;
background: linear-gradient(-90deg, #b108ff 0%, #364cfd 100%);
-webkit-background-clip: text;
color: transparent;
}
.HhcatboxDes {
position: absolute;
opacity: 0;
z-index: 1;
align-items: center;
display: flex;
font-size: 16px;
height: 180px;
justify-content: center;
width: 100%;
color: #fff;
font-weight: 600;
background: #00000070;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.HhCooltitle {
margin-top: 10px
}
/*首页最新发布标题美化*/
猜你在找
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!yuanmawu2020@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
91源码屋 » ripro主题-首页“最新文章”标题美化
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
91源码屋 » ripro主题-首页“最新文章”标题美化
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 91源码屋
- 2020-12-29Hi,初次和大家见面了,请多关照!