效果对比
修改前：
修改后：
方法
1、通过页面审查，原h3标签为：
修改为：
即修改functions-theme.php
|
1 2 3 4 5 6 7 8 9 10 11 |
foreach ($sidebars as $key => $value) { register_sidebar(array( 'name' => $value, 'id' => $key, 'before_widget' => '<div class="widget %2$s wow fadeInRight">', 'after_widget' => '</div>', 'before_title' => '<h3><i class="fa fa-bars"></i>', //注意这里！！ 'after_title' => '</h3>' )); }; } |
2、添加css样式
编辑main.css
找到 .weiget h3 块，修改为:
|
1 2 3 4 5 6 7 8 9 10 |
.widget h3 { font-size: 18px; color: #666; border-bottom: 1px solid #eaeaea; background-color: #fbfbfb; margin: 0; height: 40px; //注意这里！！ line-height: 40px; //注意这里！！ /*background: url(../img/bg.png) 0 bottom repeat-x;*/ } |
再在 .weiget h3 模块下，添加下面代码：
|
1 2 3 4 5 6 7 8 9 10 11 12 |
.widget h3 i { float: left; width: 40px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; margin: 0 10px 0 0; padding: 1px 0; border-right: 1px solid #ddd; border-radius: 2px 0 0 0; } |
保存后刷新看看吧
可以 。。
@On the way° o(*≧▽≦)ツ┏━┓