我在导航栏社交图标上添加了透明的悬停, 但是我不知道如何更改悬停的形状。当前看起来像这样:
文章图片
我希望悬停仅显示在图标本身上, 而不是其上方和下方的空间。
<
li id="menu-item-518" class="fb-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-518">
<
a title="Facebook" href="https://www.facebook.com/linkhere">
Facebook<
/a>
<
/li>
我的孩子主题的CSS当前是:
/* Social link hover colour */.fb-icon.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-518 a:hover{ background-color:transparent;
}
【如何在导航栏中更改(hover的形状())】谢谢
#1 请尝试删除padding-top和padding-bottom, 并在需要时将其替换为margin-top和margin-bottom。
所以也许是这样的:
.my-icon {
padding-top: 0;
padding-bottom: 0;
}
推荐阅读
- 如何从wordpress.com下载网站的代码文件()
- 如何在WordPress中按”年”然后按”月”显示”归档”窗口小部件布局(侧栏)()
- 如何在WordPress的不同页面上使用一个模板()
- 如何调整Betheme标头的大小
- 我如何将Img Post缩略图设置为整个帖子的背景
- 如何防止弹出窗口在Mobile上放大()
- 存在偏移量时,如何对WP_Query结果进行分页()
- 我如何获得WordPress以了解我的自定义主题不是子主题()
- linux比较两个目录的差异