Beginning主题修改(持续更新)

  • 内容
  • 评论
  • 相关

记录本站Beginning主题修改的过程,持续更新,方便以后使用

Beginning主题官方网站斌果博客,很喜欢主题的刷新改变颜色,但博主很久没有更新了,不知道什么时候更新呢?

1. /wp-content/themes/Beginning/style.css

543行 #header_menu .sub-menu .sub-menu新增

#header_menu .sub-menu .sub-menu{
 background:#fff;
 box-shadow:0 2px 8px #ddd;
 border-radius:1px;
 }

修改顶部导航栏下拉菜单样式

 

557行 #header_menu .sub-menu .sub-menu > li > a 修改

color:#666;

修改顶部导航栏链接<a>标签默认颜色

 

570行 #header_menu .sub-menu .sub-menu > li:hover > a 修改

#header_menu .sub-menu .sub-menu > li:hover > a {
  font-weight: bold;
  box-shadow:0 0 4px #ddd;
  background: #eee;
  color: #FFF;
  }

修改背景样式

 

538行 #header_menu 修改

border-bottom-width: 3px;

修改二级菜单底部bottom样式

 

2. /wp-content/themes/Beginning/functions/style.php

61行 Bing_print_css()新增

'#header_menu .sub-menu .sub-menu > li:hover > a'

对顶部导航菜单链接hover属性刷新时颜色的变化。

3. /wp-content/themes/Beginning/style.css

移动端分类列表样式修改

一级分类列表背景样式

#mobile-categories > li {
 background: #f7f9fb; //整体背景样式
 margin: 10px 5px; //列表间空白间距
 /* box-shadow: 2px 3px #f3f5f8; */ //阴影
 border-radius: 3px; //圆角
 /* color: #fff; */
}

二级分类列表样式

#mobile-categories ul {
 text-indent:2em; /* padding-left: 20px; */开头缩进通过text-indent属性控制,避免二级及以下菜单背景样式受二级分类列表列宽影响
 /* margin: 2px; */
 background-color: #f7f9fb; //二级分类列表背景样式
}

分类目录链接样式

#mobile-categories li a {
 display: block;
 padding: 10px;
 font-size: 14px;
 font-weight: 600; //a标签链接加粗
}

三级分类列表样式

#mobile-categories ul li ul {
 text-indent:4em; 开头缩进通过text-indent属性控制,避免二级及以下菜单背景样式受二级分类列表列宽影响
 background-color:#f7f9fb;
}

分类列表缩进

#mobile-categories > li li a {
 padding-left: 0; //设置为0,结合text-indent属性控制列表开头缩进
}

 

上一篇: 下一篇:
微信扫一扫,赞赏小编~



淘领券,下单立减~
×