在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產品頁面中更改邊欄和內容的寬度

回答

相關問題