WordPresss主题ripro幻灯片和搜索框美化教程(美化篇)

WordPresss主题ripro幻灯片和搜索框美化教程(美化篇)插图

幻灯片美化教程:

1. ripro – > parts -> home-mode -> slider.php 文件,找到如下代码


$item) { echo '
'; echo '
'; echo '

'.$item['_title'].'

'; echo '

'.$item['_desc'].'

'; echo ''; echo '
'; echo '
'; }?>

2. 将如上代码替换为
[rihide]


3. ripro -> assets -> css-> diy.css 添加如下样式


.section {padding-top: 20px;}
搜索框美化教程:

1. ripro – > parts -> home-mode -> search.php 文件,找到如下代码


2. 将如上代码替换为


3.diy.css加入以下代码


.row,.navbar .menu-item-mega>.sub-menu{margin-left:-10px;margin-right:-10px;}
.home-filter--content:before{background-color:rgba(91,91,91,0);}
.home-filter--content {background: linear-gradient(to right, #f6f6f6, #f6f6f6, #f6f6f6);}
.ripro-dark .home-filter--content {background: linear-gradient(to right, #232425, #232425, #232425);}
.home-filter--content .form-box{margin-right:10%;margin-left:10%;}
.button,input[type="submit"],button[type="submit"],.navigation .nav-previous a,.navigation .nav-next a{width:100%;}

[/rihide]

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发