2013-08-29 97 views
2

我試圖在移動視圖中刪除我的blog左側和右側上的所有空白區域,並且只在帖子之間留有空白區域。爲什麼我的CSS不刪除左右頁邊距?

我試圖刪除它與此代碼,但不知何故,我沒有選擇正確的事情。

#collection-51ca14b1e4b014f2c6e0c3e7 #pageWrapper #canvasWrapper #canvas { 
    margin-left: 0px!important; 
    margin-right: 0px!important; 
    padding-left: 0px!important; 
    padding-right: 0px!important; 
} 

可以看到一個圖像here

+1

umm .. body {margin:0px; padding:0px;} –

+0

它似乎沒有改變任何東西 –

+0

!重要的是也是一個鈍的,通常是壞代碼的標誌。 –

回答

1

該空間來自left/right填充#pageWrapper

,你會因此改變

#pageWrapper { 
    padding: 0px 20px; 
} 

#pageWrapper { 
    padding: 0px; 
} 
1

這是你如何經常在#pageWrapper聲明填充。你需要通過它並刪除它。

#pageWrapper { 
padding: 0px 20px; 
} 

// you only need to remove the padding from this for mobile to be effected only 
site.css:[email protected] only screen and (max-width: 640px) 
#header, #pageWrapper, #footer { 
padding: 30px 20px; 
margin-bottom: 0px !important; 
} 
// you only need to remove the padding from this for mobile to be effected only 


site.css:[email protected] only screen and (max-width: 800px) 
#header, #pageWrapper, #footer { 
padding: 30px 20px; 
} 
#pageWrapper { 
border: 0px solid #ffffff; 
border-width: 0px 0; 
padding: 0 10px; 
clear: both; 
}