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

    Hi,

    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” ?

    Regards,

    Bruno

    #99449

    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;
    }

    Regards,

    Devin

    #99450

    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,

    Bruno

    #99451

    Hey!

    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,

    Peter

    #99452

    Hi Peter

    Great. Thanks.

    Regards,

    Bruno

    #99453

    Hey,

    Glad it is fixed.

    Regards,

    Ismael

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.