Support » Plugins and Hacks » Little problem with tabs appearing when I don't want them to

Little problem with tabs appearing when I don't want them to

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


    The styles are applied from your themes. Why can’t you modify it?

    No. It’s applied by the default woocommerce styles and the style controls ALL the woocommerce tabs. The problem is that if I put a list INSIDE the description, woocommerce should NOT be turning that into a tab group. See the problem?

    Roy Ho


    No?? I thought you wanted help? I am trying to help you but it seems you refuse to believe me. I have already checked your site prior to me posting so YES, what I am saying is correct!

    The style is coming from your shopsum folder…some in default.css and some in styles.css

    Ok. But you’re still missing my point. Why is woocommerce turning a list into a tab group by default? It shouldn’t do this with content inside the description area. But it is.

    And I’ve tried every trick I know of with CSS to override the themes CSS and it doesn’t work. If I actually remove all the styling you see, it completely destroys all the other tabs.

    Can you not see this when looking at the code and what’s being applied? I’m not trying to be difficult, I just can’t see a solution to this without changing some of the code – which I’m not qualified to do.

    Roy Ho


    …You’re not listening…I did not miss your point. I am telling you the reason why your UL inside the tabs appear to “look” like tabs is because of the styles per the files I mentioned above.

    So there are many ways to fix this. You can either put a > selector on the ones that are really tabs so the styles ONLY effect the direct child OR you can override the code by giving your UL a class and styling that.

    I tried using a class and it didn’t work at all. None of the styling overrode what’s there already. I’ll keep futzing around with it.

    Roy Ho


    Try this…open up your style.css on line 868 where it says:

    div.woocommerce_tabs li

    Change it to

    div.woocommerce_tabs > ul li

    THANK YOU! That did the trick. I honestly don’t know anything about that selector, so I guess I’d better dig into learning more CSS.

    Thank you again.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Little problem with tabs appearing when I don't want them to’ is closed to new replies.