Попытка исправить проблему CSS таблиц

---

Я пытаюсь импортировать существующие таблицы с сайта в тему shopify, но Shopify дерется со мной. Я ни в коем случае не эксперт по CSS. Независимо от того, что html находится в таблице, код Shopify, похоже, настаивает на том, чтобы все ширины столбцов были равны. То есть другими словами... Если у вас есть 4 столбца, и три из них имеют только четыре символа, а четвертый имеет 50... Он оставит огромное количество места в 3 столбцах всего с 4 символами и обернет текст в четвертый. Глупый. Вот весь код таблицы CSS для темы в shopify...

Что я уже пробовал:

table { border-collapse: collapse; border-spacing: 0; min-width: 50%; } 

table.full { width: 100%; margin-bottom: $gutter/2; } 

th { font-weight: $baseFontBoldWeight; } 

th, td { text-align: left; padding: $gutter/6; border: 1px solid $colorBorder; } 

The padding was originally 2. I changed it to 6 which helped. But the code still insists on making all the columns an even width. I assume one of these CSS tags is telling it to do that, since no html tags seem to override it. Anybody know?

---