Return to previous page

Table in product - by gewoonbovenaan - on WordPress WooCommerce support

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

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)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Grocery Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Fishing – WooCommerce Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

See All Templates

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