WooCommerce 购物车表格宽度答案

【问题标题】：WooCommerce Cart Table WidthsWooCommerce 购物车表格宽度
【发布时间】：2014-08-20 14:46:22
【问题描述】：

差点放弃尝试解决这个问题！我应该说，虽然我对代码不是很擅长，但可能有一个简单的解决方案让我眼前一亮。

由于某种原因，我的 WooCommerce 购物车表中的列宽非常偏离，“product-remove”和“product-thumbnail”列的宽度太宽，我不知道是什么导致了所有的空白在图片的右侧？

如果“产品名称”没有填满空格，我希望它是唯一在内容右侧有空格的列。

Have a play with the website here，希望有人可以为我提出解决方案。

【问题讨论】：

【解决方案1】：

您的 CSS 中有一条规则试图使表格 TD 的宽度为 50%：

.entry-content td {
    width: 50%;
}

/cart/ 页面源代码中的第 30 行。

【讨论】：

使用检查元素即时编辑它，这绝对是我需要更改的，将其更改为自动使其完美显示。现在的问题是，我该如何永久性地改变它？
查看页面的源代码，看起来您的主题将所有 CSS 代码插入页面，而不是单独的 style.css 文件。所以我会开始研究主题选项，可能是主题的 header.php（但这不太可能）。或者，您可以创建一个覆盖的 css 规则。表的类是 shop_table，所以试试： .entry-content .shop_table td { width: auto; }

【解决方案2】：

您可以自行设置列宽。

Plugins->editor->woocommerce->cart-template.php

可以像普通的 HTML 一样在这个位置进行编辑。很简单

【讨论】：