在WordPress产品页面中更改边栏和内容的宽度

嗨，亲爱的开发人员和设计师，

我在编辑基于wordpress woocommerce的模板时遇到问题。我在我的网站中使用ThemeForest中名为Neighborhood的woocommerce主题。在WordPress产品页面中更改边栏和内容的宽度

所有我想知道的是如何编辑侧边栏&内容，（店铺产品或POST）主题是全宽和充分响应的宽度，所以显示的百分比将是巨大的不是一个固定的像素。雷神比

百分比或例如任何我的网站http://aryagostarafzar.com/shop/digital-painting-pack2
的这个页面，你看到在约1/3of整个宽度左侧边栏中。我可以改变通过把这段代码显示的侧边栏百分比的CSS：

.left-sidebar { 
    width:20%; 
}

但内容不会自动适应较小的侧栏和额外的空间仍然是免费的，不使用的内容，也不侧边栏。

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

来源

2016-04-18 aryagostar

看起来像该网站使用旧版本的Bootstrap网格。边栏宽度由标签上的“.span4”类确定。您需要增加或减少跨班级，以使其更大。

这也会增加或减少身体的宽度尺寸。跨径必须加起来为12即 span4和span8

你可以准备更多的在这里：http://getbootstrap.com/2.3.2/scaffolding.html

来源

2016-04-18 17:59:07 stevenmorgan94

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

 
    * #Custom Bootstrap Classes 
    ==================================================   Support for columns width sidebars 
================================================== 
    .span-third { 
    width: 193px; 
    } 
    .span-twothirds { 
    width: 407px; 
    } 
    .span-bs-quarter { 
    width: 100px; 
    } 
    .span-bs-threequarter { 
    width: 340px; 
    } 

    @media only screen and (min-width: 1200px) { 
    .span-third { 
    width: 236px; 
    } 
    .span-twothirds { 
     width: 504px; 
    } 
    .span-bs-quarter { 
     width: 120px; 
    } 
    .span-bs-threequarter { 
     width: 420px; 
    } 
} 

@media only screen and (max-width: 979px) and (min-width: 768px) { 

    .span-third { 
     width: 145px; 
    } 
    .span-twothirds { 
     width: 310px; 
    } 

    .span-bs-quarter, .span-bs-threequarter { 
     width: 342px; 
    } 

} 

@media only screen and (max-width: 979px) { 

    .span-third { 
     width: 100%; 
    } 
    .span-twothirds { 
     width: 100%; 
    } 
    .span-bs-quarter { 
     width: 100%; 
    } 
    .span-bs-threequarter { 
    width: 100%; 
    }  

}

来源

2016-04-18 19:54:49 aryagostar

在WordPress产品页面中更改边栏和内容的宽度

回答

相关问题