小鹿学院 > SEM营销 > 资讯正文
wordpress美化知更鸟主题面包屑导航栏样式
2018-01-11 10:30 小鹿推广

小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台,采用独创的竞价算法,智能精准出价,一键批量查排名,根据关键词位置实时调整出价,降低出价虚高,稳定排名,节省企业预算。

小鹿竞价软件专题介绍:https://www.xiaolutg.com/bidding/fengchao?ref=menu

WordPress主题有无数个,但是真正符合自己标准的寥寥无几,所以,大多数童鞋安装主题后都会自己动手进行美化。因为本站使用的是知更鸟begin主题,其主题功能很牛叉,但是风格真是丑的一比啊,所以我们就动手自己稍微修改。今天给大家带来一个美化面包屑导航的方法,非常实用,修改也很简单。之前也看到了类似教程,但是或多或少会有点问题,这个修改后的方法,一直没发现什么问题。因此,拿来跟大家分享。

一、修改style.css文件

打开主题根目录下的styless.css文件,查找下面的代码:

  1. /**位置**/
  2. .breadcrumb{
  3. width:1120px;
  4. height:25px;
  5. line-height:25px;
  6. margin:0auto;
  7. padding-left:10px;
  8. white-space:nowrap;
  9. word-wrap:normal;
  10. text-overflow:ellipsis;
  11. overflow:hidden;
  12. }

将下面的代码替换掉上面的代码:

  1. .breadcrumb{
  2. margin:10pxauto;
  3. border:1pxsolid#ddd;
  4. border-radius:2px;
  5. background-color:#fff;
  6. padding-top:4px;
  7. padding-bottom:4px;
  8. padding-left:10px;
  9. }

二、效果前后对比

效果后:

小鹿推广,竞价软件,SEM营销

效果前:

小鹿推广,竞价软件,SEM营销

方法二:(自用)

代码:直接放入后台自定义,或者css里面

  1. .breadcrumb{border-width:1px;
  2. background-color:rgb(255,255,255);
  3. margin-Bottom:5px;border-radius:2px;margin-top:5px;}

完美解决!

卧龙

百度

点睛

搜狗

标签: 小鹿SEO优化
<< 上一篇

站长们注意了!刷流量神器内藏漏洞病毒,数十万自媒体电脑中招

下一篇 >>

wordpress知更鸟主题侧边栏和两栏标题美化

相关资讯

关注公众号 获取更多干货资讯

400-998-8026