本教程适用于子比主题,其他主题请做适当调整。
一、子比后台—自定义代码—自定义底部代码。
<!-- 灯笼1 -->
<div class="deng-box">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">节</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
<!-- 灯笼2 -->
<div class="deng-box1">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">春</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
二、WP后台— 外观 —自定义—额外CSS。
默认是灯笼都在右上角位置,比照原文主要是调整了位置,避免遮挡顶部导航菜单。
如果是一边一个,上面代码开头的.deng-box和.deng-box1修改为下面代码即可。
.deng-box {
position: fixed;
top: 40px;
right: -20px;
z-index: 999;
}
.deng-box1 {
position: fixed;
top: 40px;
z-index: 999;
}@media screen and (max-width: 768px){.deng-box{position: fixed; top: 23px; right: 0; z-index: 999;}.deng-box1 { position: fixed; top: 23px; z-index: 999; right: auto; }}<br>
温馨提示:本文最后更新于
2021-05-01 08:22:05
,某些文章具有时效性,若有错误或已失效,请在下方留言。感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
- 最新
- 最热
只看作者