Question

我正在尝试将独特的图标放在使用短代码终极创建的自定义标签上，但似乎没有任何效果。这可能是我想念的事情。我制作了三个自定义css类，我已经附加到每个选项卡。在css中，每个类都有一个独特的图标图像。选项卡中没有任何内容（我不希望选项卡中有任何文字，只是一个图标）。

我的短代码：

    [su_tabs]
      [su_tab class="my-custom-tab-1" title=""]
         some content
      [/su_tab]
      [su_tab class="my-custom-tab-2" title=""]
         some content
      [/su_tab]
      [su_tab class="my-custom-tab-3" title=""]
         some content
      [/su_tab]
     [/su_tabs]

我的CSS：

     .su-tabs.my-custom-tab-1 div.su-tabs-nav .su-tabs-current { background-image: url('http://livedemo00.template-help.com/wordpress_53881/wp-content/themes/theme53881/images/icon1.png') }
     .su-tabs.my-custom-tab-2 div.su-tabs-nav .su-tabs-current { background-image: url('http://livedemo00.template-help.com/wordpress_53881/wp-content/themes/theme53881/images/icon2.png') }
     .su-tabs.my-custom-tab-3 div.su-tabs-nav .su-tabs-current { background-image: url('http://livedemo00.template-help.com/wordpress_53881/wp-content/themes/theme53881/images/icon3.png') }
     .su-tabs.my-custom-tab-4 div.su-tabs-nav .su-tabs-current { background-image: url('http://livedemo00.template-help.com/wordpress_53881/wp-content/themes/theme53881/images/icon4.png') }

感谢任何帮助。

Answer 1

如果要将背景应用于选项卡，请使用这样的选择器 -

.su-tabs-nav .my-custom-tab-1 {
  background: url(..your url..);
}

.su-tabs-nav .my-custom-tab-2 {
      background: url(..your url..);
    }

.su-tabs-nav .my-custom-tab-3 {
      background: url(..your url..);
    }

Shortcode Ultimate Wordpress将图像添加到选项卡

1 个答案: