2015-05-19 44 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类,它也可能会影响其他页面。 –