The products posted on my website need to use a table to display the specifications. Initially the table is displayed without a border. I tried adding the following code to the additional CSS section of the Single Product Tab and it shows the border.
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid #ddd;
padding: 8px 5px; /* 8px trên/dưới, 5px trái/phải */
text-align: left;
}
th {
background-color: #f4f4f4;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
However the content cannot be left aligned, it always shows 2-aligned and is very difficult to read.
I tried clearing the cache, tried following this topic (https://www.8theme.com/topic/the-table-style-is-not-right-please-have-a-look-upon-it/) but it didn’t work.
Please let me know how to fix it.
