WordPress.org

Support

Support » Plugins and Hacks » Tabs and styling on shop and single product page

Tabs and styling on shop and single product page

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

    @splashingpixelscom

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

    [please stay with your own topic – http://wordpress.org/support/topic/major-style-issues-after-update-166-to-201?replies=3 ]

    David Foreman
    Participant

    @davros20

    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?

    Mathesonandrew
    Member

    @mathesonandrew

    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
    Member

    @splashingpixelscom

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

    David Foreman
    Participant

    @davros20

    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
    Member

    @splashingpixelscom

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

    David Foreman
    Participant

    @davros20

    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.

    Odd.

    Roy Ho
    Member

    @splashingpixelscom

    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…

    David Foreman
    Participant

    @davros20

    Cool. Some more investigation needed my end I think.

    David Foreman
    Participant

    @davros20

    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
    Member

    @splashingpixelscom

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

    David Foreman
    Participant

    @davros20

    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.