更改 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

Answer 2

这是我在 styles.css 中的引导代码 我没有找到“.span4” 其他 .span 可用但不按百分比定义，按像素定义 我的朋友如何编辑它们

* #自定义引导类 ====================================================支持列宽侧边栏 ==================================================== .span-第三{ 宽度：193px； } .span-二分之二{ 宽度：407px； } .span-bs-季度{ 宽度：100px； } .span-bs-三季度{ 宽度：340 像素； } @media only screen and (min-width: 1200px) { .span-第三{ 宽度：236px； } .span-二分之二{ 宽度：504px； } .span-bs-季度{ 宽度：120px； } .span-bs-三季度{ 宽度：420px； } } @media only screen and (max-width: 979px) and (min-width: 768px) { .span-第三{ 宽度：145px； } .span-二分之二{ 宽度：310px； } .span-bs-季度，.span-bs-三季度{ 宽度：342px； } } @media only screen and (max-width: 979px) { .span-第三{ 宽度：100%； } .span-二分之二{ 宽度：100%； } .span-bs-季度{ 宽度：100%； } .span-bs-三季度{ 宽度：100%； } }