Support » Plugin: WooCommerce » Tabs and styling on shop and single product page

Viewing 13 replies - 1 through 13 (of 13 total)
  • Roy Ho


    splash, they don’t solve my issue, and i have the exact same issue as the OP

    [please stay with your own topic – ]

    That fix you’ve suggested isn’t working for me.

    The div class in my code is woocomerce-tabs, using firebug to inspect the code, I am not seeing any styling for woocommerce-tabs EVEN THOUGH it’s clearly in the woocommerce.css.

    Am I missing something?

    it looks like with the tabs being completly re-written is causing this. i can’t see anything in the documentation on how to add-remove tabs

    Roy Ho


    @davros20 – it isn’t working? I am seeing that your tabs looks fine now.

    I’ve literally copied and pasted the tabs-related css from your referenced style sheet into my themes style sheet and we are getting there.

    What is very odd is that firebug still sees no referenced CSS (emptied caches).

    Roy Ho


    No, you shouldn’t copy that…every theme is different…You will have issues if you do that.

    It’s fine – just did it as a test which semi-worked.

    Still doesn’t explain why if the new woocommerce.css file is referencing -tabs (not _tabs) and my HTML is referencing -tabs, why isn’t the theme picking up the styling from the main CSS – it only works on the test when I pasted in some of yours.


    Roy Ho


    Not sure but it isn’t “mine”…that is the css from the person I helped. That was his theme’s CSS.

    It could be a number of reasons why the styles didn’t apply to you because you may be using a custom theme and the theme modified your woocommerce templates where the parent container is different from what default styles apply to. Or it could be specificity issue…

    Cool. Some more investigation needed my end I think.

    Found it.

    The single product page is missing the woocommerce class div.

    <div class="woocommerce'>

    adding this

    <div id="content" role="main" class="woocommerce">

    Fixes it.

    Roy Ho


    Did I or did I not mention “parent container is different”…:)

    You certainly did. 😉

    Just as a reference for others, I made the alteration in Templates > Shop > wrapper-start.php line 20.

    Added class="woocommerce" here:

    <div id="container"><div id="content" role="main" class="woocommerce">';

    Possibly not the best way to do it, but it works.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Tabs and styling on shop and single product page’ is closed to new replies.