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

Question

我正在尝试将独特的图标放在使用 shortcode ultimate 创建的自定义选项卡上，但似乎没有任何效果。这可能是我失踪的显而易见的事情。我制作了三个自定义 css classes 并附加到每个选项卡。在 css 中，每个 class 都有一个独特的图标图像。选项卡中没有任何内容（我不希望选项卡中出现任何文本，只是一个图标）。

我的简码：

    [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 将图像添加到选项卡

Shortcode Ultimate Wordpress Adding Image to tab

html

css

wordpress

plugins