wordpress - 更改 Wordpress 产品页面中侧边栏和内容的宽度

Question

尊敬的开发人员和设计师，您好，

我在编辑基于 wordpress woocommerce 的模板时遇到问题。我在我的网站中使用 ThemeForest 中名为 Neighborhood 的 woocommerce 主题。

我想知道的是如何编辑侧边栏和内容的宽度，(商店产品或帖子)主题是全宽和完全响应式的，因此显示的百分比会很大而不是固定像素。

雷神比率的百分比或其他例如我网站的这个页面 http://aryagostarafzar.com/shop/digital-painting-pack2
你看到左边的侧边栏大约是整个宽度的 1/3。我可以通过将此代码放入 css 来更改显示的侧边栏百分比:

.left-sidebar {
    width:20%;
 }  

但内容不会自动适合较小的侧边栏，额外的空间仍然空闲，内容和侧边栏都不会使用。

请给我一个简短的CSS代码来设置两者。谢谢

Answer 1

看起来该站点使用的是旧版本的 Bootstrap 网格。侧边栏宽度由标签上的“.span4”类决定。您需要增加或减少该跨度类以使其变大变小。

这也会增加或减少主体宽度尺寸。跨度必须加起来为 12。即跨度4和跨度8

您可以在这里了解更多信息:http://getbootstrap.com/2.3.2/scaffolding.html