将社交媒体图标（简码）添加到导航栏答案

【问题标题】：Add social media icons (shortcode) to navigation bar将社交媒体图标（简码）添加到导航栏
【发布时间】：2015-08-12 08:19:30
【问题描述】：

嘿，我正在尝试向顶部导航栏添加图标。

我有一个社交媒体图标插件，所以我正在尝试将插件短代码添加到导航菜单。我下载了一个插件，允许我将简码添加到菜单中。

这是我要添加的简码：[feather_follow show="twitter, google_plus, facebook" hide="reddit, pinterest, linkedin, tumblr, mail"]

我尝试添加size="16" 以使图像更小，但它使它们完全消失。请访问我的网站以查看我得到的结果。容器和尺寸都搞砸了，我不知道如何开始解决这个问题。

任何人都可以快速浏览一下并提出任何建议吗？我真的很感激。我已经在这个简单的问题上浪费了好几个小时。我的网站是greenenvysupply.com

【问题讨论】：

您能否告诉我们您正在使用什么插件，这很可能会为您的问题提供最佳线索。我的猜测是短代码不接受size attribute

标签： html css wordpress shortcode

【解决方案1】：

尝试添加这个

[feather_follow size="64" show="twitter, google_plus, facebook" hide="reddit, pinterest, linkedin, tumblr, mail"]

【讨论】：

【解决方案2】：

您应该使用百分比来缩小图标，而不会丢失图标的比例。所以你可以在你的主 CSS 中写这样的东西：

.top-bar ul>li a {
    width: auto!important;
    height: auto!important;
}

.top-bar ul>li a img {
    position: relative;
    width: 30%!important;
    height: 50%!important;
}

【讨论】：

谢谢！代码的第一部分解决了宽度问题。我现在遇到了“margin-bottom:10px”样式的问题。我需要使用自定义 CSS 将其删除，但我尝试了一切都无济于事。你能快速看一下吗？
这应该适合你：.top-bar ul>li a {margin-bottom: 0px!important;}