Table border not show up correctly, how to set

This topic has 5 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Sean

  • Avatar: Sean
    Sean
    Participant
    February 19, 2023 at 01:28

    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.

    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 19, 2023 at 10:55

    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

    Avatar: Sean
    Sean
    Participant
    February 19, 2023 at 12:56

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 19, 2023 at 13:56

    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

    Avatar: Sean
    Sean
    Participant
    February 19, 2023 at 15:03

    Thank you! Rose. The problem has been solved.

  • Viewing 5 results - 1 through 5 (of 5 total)

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

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