7b2主题给LOGO加一个角标

站长知名站长

7b2主题给LOGO加一个角标 - 我爱模板网

第一步：/wp-content/themes/b2/Modules/Templates/Header.php

搜索：

$html = '<div class="header-logo"><div class="logo">'.$logo.'</div></div>';

替换成：

 $html = '<div class="header-logo"><div class="logo">'.$logo.'</div><div class="logo-year">6年专注</div></div>';

样式代码参考如下，根据自己的需要调整，可以添加到主题的 style.css：

.logo-year {
margin-top: -43px;
line-height: 20px;
width: 60px;
text-align: center;
font-size: 12px;
background: #0078ff;
border-radius: 4px;
color: #fff;
margin-left: 150px;
letter-spacing: 1px;
display: inline-block;
float: left;
}


@media screen and (max-width: 768px) {
.logo-year {
margin-top: -23px;
line-height: 20px;
width: 70px;
text-align: center;
font-size: 12px;
background: #0078ff;
border-radius: 4px;
color: #fff;
margin-left: -10px;
letter-spacing: 1px;
display: inline-block;
float: left;
}
}

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。