Support » Plugin: WooCommerce Video Product Tab » Tab icon on frontend

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Sébastien Dumont

    (@sebd86)

    There is no icon in my plugin that is applied to the front end only the back end. You will need to apply some css to your theme if your product tabs have icons.

    I don’t support extra customizations out side of supporting the function of the plugin for free. You will need to hire a developer.

    Thread Starter scottquested

    (@scottquested)

    Hi

    Thanks for taking the time to reply. I was unsure if it was your plugin, the theme or woo-commerce that was putting the icon there. I’ve found it was a bit of both from the theme and woo.
    For anyones info to make the tab at the front end use a “triangle” (play symbol) use this code in your css file

    <code>
    .woocommerce_tabs ul.tabs li.tab-video_tab a:before,
    .woocommerce-tabs ul.tabs li.tab-video_tab a:before,
    .ui-tabs ul.tabs li.tab-video_tab a:before,
    .woocommerce_tabs .ui-tabs-nav li.tab-video_tab a:before,
    .woocommerce-tabs .ui-tabs-nav li.tab-video_tab a:before,
    .ui-tabs .ui-tabs-nav li.tab-video_tab a:before {
      content: "]";
    }
    </code>

    Many thanks

    Thread Starter scottquested

    (@scottquested)


    .woocommerce_tabs ul.tabs li.tab-video_tab a:before,
    .woocommerce-tabs ul.tabs li.tab-video_tab a:before,
    .ui-tabs ul.tabs li.tab-video_tab a:before,
    .woocommerce_tabs .ui-tabs-nav li.tab-video_tab a:before,
    .woocommerce-tabs .ui-tabs-nav li.tab-video_tab a:before,
    .ui-tabs .ui-tabs-nav li.tab-video_tab a:before {
    content: "]";
    }

    Plugin Author Sébastien Dumont

    (@sebd86)

    I’m glad you figured it out and thank you for the CSS code. I will add it to the plugin in the next update.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tab icon on frontend’ is closed to new replies.