【问题标题】: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;}
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多