Error displaying table on product information page

This topic has 1 reply, 1 voice, and was last updated 19 hours, 27 minutes ago ago by anhph1

  • Avatar: anhph1
    anhph1
    Participant
    January 8, 2025 at 11:13

    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.

    Files is visible for topic creator and
    support staff only.
  • Viewing 1 results - 1 through 1 (of 1 total)

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

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