WordPress知更鸟主题样式美化合集整理

WordPress知更鸟主题样式美化合集整理持续收集中

知更鸟主题美化代码合集

/** 网站圆角样式美化 **/
#slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a，.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a
{border-radius: 8px
}

/** 网站底部彩条美化 **/
#footer-widget-box {
background: #555 url(/wp-content/uploads/2022/05/dibucaitiao.gif) repeat-x scroll 0 100%;
}

知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

/**知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化**/
#feed_widget a {
color: #999;
width: 40px;
display: block;
text-align: center;
height: 40px;
line-height: 34px;
margin: 0 auto;
border-radius: 20px;
border: 1px solid #ddd;
}
#feed_widget .feed a {
color: #d28300;
border: 1px solid #d28300
}
#feed_widget .feed a:hover {
background: #d28300;
color: #fff !important;
border: 1px solid #d28300
}
#feed_widget .weixin a {
color: #248a34;
border: 1px solid #248a34;
}
#feed_widget .weixin a:hover {
background: #248a34;
color: #fff! important;
border: 1px solid #248a34
}
#feed_widget .tsina a {
color: #c40000;
border: 1px solid #c40000
}
#feed_widget .tsina a:hover {
background: #c40000;
color: #fff !important;
border: 1px solid #c40000
}
#feed_widget .tqq a {
color: #4e91d1;
border: 1px solid #4e91d1
}
#feed_widget .tqq a:hover {
background: #4e91d1;
color: #fff !important;
border: 1px solid #4e91d1
}

/*回复底部背景色*/
.at, .at a {
color: #fff;
font-size: 13px;
margin-right: 5px;
padding: 1px 5px;
background: #1abc9c;
border-radius: 3px;
}

/*评论框加入背景图*/
#comment {
background-image:url(/wp-content/uploads/2022/05/piglun.png);
background-repeat:no-repeat;
background-position:center center;
}

/*面包屑导航栏美化*/
.bread {

margin: 10px auto;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #fff;
padding-bottom: 4px;
padding-left: 10px;
}

/*强制文章中图片居中显示*/
.single-content p img{margin: 0 auto;}

/*begin主题顶部菜单栏改为渐变背景色*/
.header-top {
background:linear-gradient(3deg,rgb(237 176 176) 10%,rgb(161 230 243)) no-repeat;
border-bottom:1px solid #dedede;
}