### [B2 Pro 主题  LOGO的修改与添加](https://guaqi.com/article/51266)

**Published:** 2021-05-31T23:36:29

**Author:** 纸工场

**Excerpt:** 1. 关于修改LOGO的大小     在 /b2/Assets/fontend/style.css 修改 高度的参数 .logo{ display: flex; height:34px; align-items: center; } .logo img{ display: block; height:34px }   2.  LOGO后面添加 文字或者图片 我自己的网站 是做成可以移动的， 用是的纯 CSS 首先在 /b2/Modules/Templates/Header.php ~484行 的 <div c

1. 关于修改LOGO的大小  
    在 /b2/Assets/fontend/style.css 修改 高度的参数

```
.logo{
    display: flex;
    height:34px;
    align-items: center;
}
.logo img{
    display: block;
    height:34px
}
```

2.  LOGO后面添加 文字或者图片

![B2 Pro 主题  LOGO的修改与添加](http://7b2.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg)

我自己的网站 是做成可以移动的， 用是的纯 CSS

```
 首先在  /b2/Modules/Templates/Header.php       ~484行 的
<div class="logo">'.$logo.'</div> 后面   添加

<div id="AD1" class="mobile-hidden"><div id="AD1-photos" class="AD1-1">
<img src="https://paper.tv/pic/logo2.svg" ><span>免费下载最新纸模图纸<br>亲手制作平面到立体的乐趣</span></div></div>   
```

同时添加CSS

```
#AD1 { display: inline-block; position:absolute; width:160px; height:45px; overflow:hidden; margin-left: 8px; }
#AD1-photos img { float:left; width:160px;height:43px;}
#AD1-photos span{ font-size: 12.5px; color:#ffffff88; letter-spacing: 1px; line-height: 20px;}
#AD1-photos { position: absolute; z-index:9;  width: calc(160px * 2); /*修改图片数量的话需要修改数量参数*/}
.AD1-1{ animation: ma 12s ease-out infinite alternate;}
	@keyframes ma {
	0%,50% { margin-left: 0px; }
	51%,100% { margin-left: -160px; }
}
```

好了， 以上的参数按自己需要的来修整！！！

**Categories:** B2主题教程

**Comments:** 

**air:** ???

**Mutian牧天:** 修改了代码 刷新页面没变化是什么问题？

**山鈦:** ![](https://static.7b2.com/wp-content/uploads/2021/10/913208e5d776b1103_51266_comment_drawing.png)

**Meet・Winter:** ![](https://static.7b2.com/wp-content/uploads/2021/10/105612961b9bc86815_51266_comment_drawing.png)

**MrCarb:** ![](https://static.7b2.com/wp-content/uploads/2021/09/1174991b69e3f37669_51266_comment_drawing.png)

**一袖南烟顾:** ![](https://static.7b2.com/wp-content/uploads/2021/08/971436411cf719567_51266_comment_drawing.png)

**李贰捌:** ![](https://static.7b2.com/wp-content/uploads/2021/07/776f6da01f833baa_51266_comment_drawing.png)

**yucun2046:** ![](https://static.7b2.com/wp-content/uploads/2021/07/981917c6a5e866720_51266_comment_drawing.png)

**小舅妈:** ?

**老白:** ![](https://static.7b2.com/wp-content/uploads/2021/07/8801b010601e5afd0_51266_comment_drawing.png)



---