This topic has 2 replies, 2 voices, and was last updated 4 years, 8 months ago ago by Rose Tyler
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?
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;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up