2015-05-19 46 views
-2

我正在嘗試爲wordpress製作一個自定義頁面模板,並且無法弄清楚如何去除該區域的背景顏色/刪除填充。用於wordpress模板的CSS樣式

我正在一個房地產網站上工作,並安裝了wp-listing插件。存檔頁面如下所示:http://placerhomes.net/listings

通過此頁面,內容不受水平限制,並且典型頁面的白色背景被刪除。

我正在嘗試創建一個與此相同的頁面模板,以便我可以使用簡碼來獲得更大的靈活性。目前,在使用簡碼時,頁面如下所示:http://placerhomes.net/shortcode

您會注意到存在白色背景並且內容未跨越該部分的整個水平長度。

從我所看到的(我是noob)它看起來像我試圖改變的部分稱爲main.content。

我似乎無法在我的css文件中找到該部分。任何人都可以幫助我找出我需要做些什麼來消除白色背景並使內容跨越整個div的寬度?

回答

0

您可以使用此CSS代碼刪除填充和背景圖像。確保你在一個自定義文件中使用它,或者在已經存在的代碼下面覆蓋當前的CSS。

.content .entry { 
    background-color: transparent; 
} 

.entry { 
    padding: 0; 
} 
0

如果下面的CSS沒有渲染到其他頁面,您需要更新的插件,CSS,

插件/ WP上市/包括/ CSS/WP-listing.css

在您需要以下評論代碼

background: none repeat scroll 0 0 #fff; 
border-color: -moz-use-text-color #efefef #efefef; 
border-image: none; 
border-radius: 0 0 5px 5px; 
border-style: none solid solid; 
border-width: medium 1px 1px; 
color: #999; 

或者你可以複製類,只使用你想要在你的頁面,如果你可以的那些CSS。

類名爲'listing-address'的P標籤, span標籤之間有br標籤。去掉它。

你需要複製在你要隱藏

background-color: #fff; 

,調整或刪除填充在同一類設置你的要求,新的類條目。

+0

嘗試創建重複的類,因爲類內容很少,使用單詞按壓循環在每個頁面上呈現的條目,所以如果您編輯核心CSS類,它也可能會影響其他頁面。 –