记录本站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 修改
/* 修改顶部导航栏链接<a>标签默认颜色 */ color:#666;
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 修改
/* 修改二级菜单底部bottom样式 */ border-bottom-width: 3px;
2. /wp-content/themes/Beginning/functions/style.php
61行 Bing_print_css()新增
/* 对顶部导航菜单链接hover属性刷新时颜色的变化。 */ '#header_menu .sub-menu .sub-menu > li:hover > a'
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属性控制列表开头缩进 }