This topic has 5 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Sean
Hi there,
I pasted table on my product page, but the table border looks wield, as I’ve already used custom CSS for table block.
you can check on:
https://quarkeco.com/product/200w-134wh-portable-power-station
Thank you for your help.
Hello, Sean,
Try to use the next custom CSS code also:
.single-product table td:first-child, .single-product table th:first-child {
padding: 10px;
}
.single-product table {
border-color: #e1e1e1;
}
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Kind Regards,
8theme team
Hi Rose,
I have tried the CSS code you provided and the borders are showing up. But the borders between the two columns are still not showing up.
Pls check the Spec Tab on the product description section of this URL:
https://quarkeco.com/product/200w-134wh-portable-power-station
Thank you
Hello, Sean,
Thanks for the reply.
Please change that code to:
.single-product table td, .single-product table th {
padding: 10px;
}
.single-product table, .single-product th, .single-product td {
border: 1px solid #e1e1e1;
}
Kind Regards,
8theme team
Thank you! Rose. The problem has been solved.
The issue related to '‘table border not show up correctly, how to set’' has been successfully resolved, and the topic is now closed for further responses