WordPress.org

Forums

WooCommerce Video Product Tab
[resolved] Tab icon on frontend (5 posts)

  1. scottquested
    Member
    Posted 1 year ago #

    Hi there

    Great Plugin!!!

    How could i change the video tab icon on the front-end? i would love it to be the same as the back-end icon!

    Thanks in advance

    https://wordpress.org/plugins/woocommerce-video-product-tab/

  2. Sebastien Dumont
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. scottquested
    Member
    Posted 1 year ago #

    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

  4. scottquested
    Member
    Posted 1 year ago #


    .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: "]";
    }

  5. Sebastien Dumont
    Member
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce Video Product Tab
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.