How can I add a border to product description tables?

Store Design

Topic summary

A user needed help adding borders to product description tables on their Shopify store.

Solution provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the theme’s CSS file (theme.css, styles.css, or base.css) in the Assets folder
  • Add the following CSS code at the bottom:
table.details-table.striped {
    border: 1px solid black;
}
  • Save the changes

Outcome:
The solution was successfully implemented and worked perfectly for the user’s store (artisanbrandingcompany.com). The discussion included a screenshot showing the expected result with bordered tables in the product description.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

How do I add a border to tables in the product description?

infoABC_0-1686588194252.png
infoABC_0-1686588194252.png671Ă—492 22.2 KB

1 Like
2

Hi @infoABC ,

Would you mind to share your URL website (with password if its protected)?

Thanks!

3

https://artisanbrandingcompany.com/products/copy-of-16-oz-pint-mixing-glass

1 Like
4

Thank you for the information.

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.css, styles.css or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
table.details-table.striped {
    border: 1px solid black;
}
5

Add it to styles.css and it worked perfectly. Thank You!

1 Like
6

Welcome. Happy to help. :blush:

1 Like