自定义 CSS - 删除我的导航栏中的底部边距

Question

嘿，我有什么应该是一个简单的问题。我需要使用自定义 css 在左上角导航栏（facebook、instagram、twitter）的 html 代码中删除 "margin-bottom:10px"。它是我的社交媒体图标图像的容器。

代码如下：

<a class="synved-social-button synved-social-button-follow synved-social-size-18 synved-social-resolution-single synved-social-provider-facebook nolightbox" data-provider="facebook" target="_blank" rel="nofollow" 
href="https://www.facebook.com/orangecountyhydroponicsupplies" style="font-size: 0px; width:18px;height:18px;margin:0;margin-bottom:10px;">
<img alt="facebook" class="synved-share-image synved-social-image synved-social-image-follow" width="18" height="18" style="display: inline; width:18px;height:18px; margin: 0; padding: 0; border: none; box-shadow: none;" 
src="https://www.greenenvysupply.com/wp-content/plugins/social-media-feather/synved-social/image/social/regular/48x48/facebook.png"></a>

同样，我需要使用自定义 CSS 来删除底部边距请和谢谢！ Greenenvysupply.com

Answer 1

您正在使用内联样式。你只能用 !important 覆盖它，但你应该尽量避免内联样式，并且只有在你有特定情况时才使用 !important。

li.menu-item > a {
    margin: 0 !important;
}

如果你想让它保持漂亮，请给所有锚点以下 class。您将只针对真正不需要边距的元素保持它的特定性

.no-margin {
    margin: 0 !important;
}

Answer 2

#menu-top-left li.menu-item > a {
    margin-bottom: 0 !important;
}

Answer 3

试试这个。

改变top-barpadding-bottom0px

.top-bar{
padding: 10px 0 0px !important;
}

Answer 4

在您的情况下，您还需要为图标链接设置相同的字体大小。

li.menu-item > a {
  margin: 0 !important;
  font-size: 15px !important;
  padding: 0 11px !important;
}

自定义 CSS - 删除我的导航栏中的底部边距

Custom CSS - remove margin bottom in my navigation bar

html

css

uinavigationbar

margins