Table Borders Not Showing on Product Page - Wokiee Theme Issue

[QueerInTheWorld]

Question:
I'm using the Wokiee - Multipurpose Shopify Theme, and I can't get the borders of my tables to show on my product pages. The table looks unstructured and unprofessional, which is really affecting conversions.

I've tried adding basic HTML tables in the product description, but the borders just won’t appear. I've also attempted adding custom CSS, but no luck.

Has anyone faced this issue with Wokiee before? Any insights or fixes would be greatly appreciated!

EXAMPLE: https://queerintheworldshop.com/products/jockmail-classic-low-waist-swimmers

[TheUntechnickle]

Hey @QueerInTheWorld,

Based on the example page you shared, I can help you fix the table borders in your Wokiee theme. Looking at the HTML structure, I notice the tables are embedded within the product description and here's how to fix this:

Add this CSS to your theme's custom CSS section (Online Store > Customize > Theme settings > Custom CSS) or base.css:

.tt-collapse-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.tt-collapse-content table th,
.tt-collapse-content table td {
    border: 1px solid #e9e9e9;
    padding: 12px;
    text-align: left;
}

.tt-collapse-content table th {
    background-color: #f8f8f8;
    font-weight: bold;
}

.tt-collapse-content table tr:nth-child(even) {
    background-color: #fafafa;
}

This CSS will:

• Add visible borders to all table cells
• Create proper spacing with padding
• Add a subtle background to header cells
• Include zebra striping for better readability
• Make the table responsive with full width
• Maintain consistency with Wokiee's design aesthetic

The key was targeting the tables specifically within the .tt-collapse-content class, which is where Wokiee renders the product description content. This should resolve the border visibility issue while maintaining a professional look that matches your theme.

Let me know if you've any more questions for us, or you want us to do this for you 🙂 Happy to help.

Cheers!
Shubham | Untechnickle

[binal_identix]

Hey @QueerInTheWorld

Some Shopify themes override table styles, making borders disappear. If tweaking theme settings isn’t helping, an easier solution is using a table app that gives you full control over design and structure.

You might want to check out TablePress - Data Tables. It lets you create clean, professional-looking tables without any coding. You can customize borders, adjust styling, and even add sorting features—all from an easy-to-use interface.