WordPress首页底部“加载更多”按钮美化

WordPress首页底部“加载更多”按钮美化


1.演示效果

WordPress首页底部“加载更多”按钮美化

2.实现教程

主题文件style.css底部(子主题)添加以下代码即可,更多美化阅读文末标签

/* 加载更多https://xiaohuli.vip/16344.html*/
.post-list .load-more .post-load-button:hover {
transform: translateY(-3px);
}
.post-list .load-more .post-load-button {
width: auto;
border: 0;
transition: all .3s;
padding: 12px 40px;
font-size: 15px;
letter-spacing: .5px;
background-color: var(--primary-color);
background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
background-image: -webkit-linear-gradient(left, #006eff, #13adff);
background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
background-image: linear-gradient(
90deg, #006eff, #13adff);
-webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
color: #fff!important;
}
声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服

给TA打赏
共{{data.count}}人
人已打赏
7b2WP技术技术教程

WordPress网站设置侧栏“最近访客”小工具美化版

2022-2-4 7:37:21

7b2WP技术WP美化

WordPress网站首页分类菜单样式美化

2022-2-7 0:49:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索