Tables in AI Article Autopilot are showing transparent borders

If tables generated by AI Article Autopilot are displaying without visible borders, this is usually caused by your theme's default table styling.

The fix is simple and only takes a minute.

Step 1: Open Your Theme Settings

1. In Shopify, go to Online Store → Themes

2. Click Edit Theme on your active theme

3. Click the Theme Settings icon (the cog wheel in the top-left corner)

Step 2: Open Custom CSS

1. In Theme Settings, open the Custom CSS section

2. Paste one of the CSS snippets below

Option 1: White Table Borders

table, th, td { table-layout: fixed; border: 1px solid white !important; }

Option 2: Black Table Borders

table, th, td { table-layout: fixed; border: 1px solid black !important; }

Tip: If you'd like to use a different border color, simply replace white or black in the CSS examples above with any color you prefer. This can be a standard CSS color (such as red, blue, or gray) or a HEX color code (such as #FFFFFF, #000000, or #E5E7EB).

Step 3: Save Changes

Click Save and refresh your storefront page containing the article. Your table borders should now be visible.

Important Note

This change updates the default styling for all tables across your website, not just AI Article Autopilot articles. If you already use tables elsewhere on your store, make sure the selected border color matches your site's design.

If you're still experiencing issues after adding the CSS, please contact StoreRank.ai support and we'll be happy to help.