Width of table inserted in description on product pages

Topic summary

A store owner is upgrading from an older version of the Shopify Prestige theme to version 7.0.0 and encountering display issues with product measurement tables.

Current Problem:

  • Tables containing detailed garment measurements display correctly in the old theme but appear too wide in Prestige 7.0.0, particularly on mobile devices
  • The owner attempted to fix this by reducing font size to 50% in the CSS (row 52 of THEME.CSS), which makes the tables fit but renders the text too small to read

Desired Solution:

  • Reduce spacing/padding between cell values and borders to make tables narrower
  • This would allow increasing font size back to readable levels while maintaining proper table width
  • Screenshots were attached showing the CSS code and the display issues

Status: The discussion remains open with no resolution yet. The owner, who is not a coder, is seeking guidance on how to modify the CSS to achieve proper table formatting across devices.

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

Hello,

We have been running our Shopify hosted online store for a number of years using the Prestige theme. I am currently preparing the launch of our store using the newest version Prestige 7.0.0

I handle this project myself and am no coder and I am running into some issues here. This is regarding how the tables on each product online are showing. For each product we offer detailed garment measurements so each product has it’s own table with measurements sitting on the product page. We are happy with how this currently looks on both desktop and mobile device.

You can see an example here:

https://www.tulleandbatiste.com/collections/the-fields-of-gold/products/vivianne-boho-dress-saffron-gold

However, on the updated Prestige theme 7.0.0 this table doesn’t show correct. It seems the current table is too wide, especially on a mobile device.

Attached to this message you can find a screenshot of the codes for THEME.CSS where I have find the table codes. I have actually inserted “font size: 50%” on row 52 which is helping making the numbers in the table show correct.

But the font becomes too small. You can see that on below pictures.

My question is, how can I change the coding, or what do I have to reduce the distance between the values in the cells with the borders of the cells? That way, these tables will be less wide and I could increase the sizing of the font again.

I hope that makes sense.

Really really would appreciate your help.

Thanks Jeroen

info@tulleandbatiste.com

1 Like