Table in product - by gewoonbovenaan - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 4 years, 1 month ago ago by Rose Tyler

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    February 28, 2020 at 11:00

    Hi i would like to insert a nice looking table in the product description https://yourlight.com/product/alumax-led-max-1-5ft-24w/ but somehow the width makes the table to stretched and without borders like a regular table. Also the allign ment is the first row :left and the second row : right while it should be left , left like this: https://gyazo.com/a226d4090d61c7dbf5ad0023845cb17b

    can u tell me how to it at product level since i cant add custom css at the product?

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 29, 2020 at 10:46

    Hello,

    Sorry for the delay in answering.
    Try to sue the next custom CSS code:

    .single-product table {
        width: 408px;
    }
    .single-product table td {
      border: 1px solid #222;
      padding: 3px;
    }
    .single-product table tr:first-child td {
      border-top: 0;
    }
    .single-product table tr td:first-child {
      border-left: 0;
    }
    .single-product table tr:last-child td {
      border-bottom: 0;
    }
    .single-product table tr td:last-child {
      border-right: 0;
    }
    .single-product table td:last-child {
        text-align: start;
        padding-left: 8px;
    }

    > http://prntscr.com/r9ev6i

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.