If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #18433


    I’m testing with

    a) variable product (http://www.wp.fotowalther.ch/?product=tk-9768-2)

    b) grouped product with child-products (http://www.wp.fotowalther.ch/?product=cuba-5463)

    Either way: on the product page the table with the variations/child-products spreads over the entire page.

    Because I increased the width of the page, the table looks kind of weird (child-products) and not user-friendly (with variations the “Clear selection” should appear much closer to the selection drop-down menu).

    1) How can I make the table to adjust the width of the columns to the content (with some padding), rather than to the width of the page ?

    2) How can I change the alignment of the content from “centered” to “left” ?




    Hi Bruno,

    It looks like you should be able to just add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.woocommerce-page form.cart {
    width: 50%;

    That will shrink the whole form container. For the text align, you can use:

    #top.woocommerce-page form.cart table td {
    text-align: left;




    Hi Devin,

    That’s exactly what I needed! Thanks a lot.


    Could you please let me know in which file I can find the text “Clear selection” ? – I need to add some empty space in front of it.


    Best regards,




    Try to add following css code to css/custom.css or the quick css field and adjust the margin-left value as required:

    .reset_variations {
    margin-left: 20px;

    Best regards,



    Hi Peter

    Great. Thanks.





    Glad it is fixed.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to adjust the table on the product page?’ is closed to new replies.