尊敬的开发人员和设计师,您好,
我在编辑基于 wordpress woocommerce 的模板时遇到问题。
我在我的网站中使用 ThemeForest 中名为 Neighborhood 的 woocommerce 主题。
我想知道的是如何编辑侧边栏和内容的宽度,(商店产品或帖子) 主题是全宽和完全响应式的,因此显示的百分比会很大而不是固定像素。
雷神比率的百分比或其他
例如我网站的这个页面 http://aryagostarafzar.com/shop/digital-painting-pack2
你看到左边的侧边栏大约是整个宽度的 1/3。
我可以通过将此代码放入 css 来更改显示的侧边栏百分比:
.left-sidebar {
width:20%;
}
但内容不会自动适合较小的侧边栏,额外的空间仍然空闲,内容和侧边栏都不会使用。
请给我一个简短的CSS代码来设置两者。
谢谢
最佳答案
看起来该站点使用的是旧版本的 Bootstrap 网格。侧边栏宽度由标签上的“.span4”类决定。您需要增加或减少该跨度类以使其变大变小。
这也会增加或减少主体宽度尺寸。跨度必须加起来为 12。即 跨度4和跨度8
您可以在这里了解更多信息:http://getbootstrap.com/2.3.2/scaffolding.html
关于wordpress - 更改 Wordpress 产品页面中侧边栏和内容的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36693612/