【问题标题】:how to add a top margin (CSS) to a custom menu item in wordpress如何在wordpress中为自定义菜单项添加上边距(CSS)
【发布时间】:2016-06-03 18:28:18
【问题描述】:
我的标题中有一个头像(插入一个短代码作为自定义菜单项)。不幸的是,它直接位于容器顶部(标题)的下方,我无法弄清楚 CSS 将其向下推。我想我需要使用 CSS margin-top 但我不知道如何正确定位该项目。
在 Chrome Inspector 中,它位于:
#menu-lift-your-reading-main > #menu-item-3850 > a > img.avatar.avatar-90.photo.lazyloaded
(只有以当前用户身份登录才能看到此头像。)
非常感谢所有答案!
【问题讨论】:
标签:
css
wordpress
image
menu
【解决方案1】:
您的身体可能没有边距或内边距。然后图像的边距没有什么可以反弹的......它被推到屏幕外。
因此,在您的图像(子)上添加一个 padding-top,而不是在您的图像(子)上添加一个 padding-top。
根据您提供的 CSS 规则,我猜这应该可以解决问题:
#menu-lift-your-reading-main > #menu-item-3850 {
padding-top: 1em;
}