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

标签 wordpress css woocommerce themes

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

我在编辑基于 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/

相关文章:

php - woocommerce - 更改类别中产品的 html

Openshift 上的 Wordpress,响应速度很慢

jquery - 如何使粘性页脚适合其容器内部背景颜色

woocommerce - 在产品页面上的产品标题旁边显示产品价格(旁边,而不是下方或上方)

javascript - jQuery 从选定行中选择所有数据

html - 有限 margin 汽车?

php - 如何手动将 WooCommerce 产品排序设置为 "Popularity"?

php - 在 Woocommerce 3 中获取退款订单和退款订单商品详情

css - Font-Awesome:试图让这个东西与 WordPress 一起工作

WordPress 3.5 : own gallery with included images doesn't work