• 

  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?

  #230465 Copied Theme version: 6.2.10
  1 Answer
  

  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

  #230497 Copied
• Viewing 2 results - 1 through 2 (of 2 total)