用于wordpress模板的CSS样式

时间:2015-05-19 05:28:01

标签: css

我正在尝试为wordpress制作自定义页面模板,并且无法弄清楚如何删除该部分的背景颜色/删除填充。

我在房地产网站上工作并安装了wp-listing插件。存档页面如下所示:http://placerhomes.net/listings

使用此页面时,内容不会水平限制,并且会删除典型页面的白色背景。

我正在尝试创建与此相同的页面模板,以便我可以使用短代码获得更多灵活性。目前,在使用短代码时,页面如下所示:http://placerhomes.net/shortcode

您会注意到有一个白色背景,内容并不跨越该部分的整个水平长度。

从我所看到的(我是一个菜鸟)看起来我试图改变的部分叫做main.content。

我似乎无法在我的css文件中找到该部分。任何人都可以帮我弄清楚我需要做些什么才能删除白色背景并使内容跨越div的整个宽度?

2 个答案:

答案 0 :(得分:0)

您可以使用此CSS代码删除填充和背景图像。确保在自定义文件中或在已存在的代码下使用它来覆盖当前的CSS。

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

.entry {
  padding: 0;
}

答案 1 :(得分:0)

如果下面的css没有渲染到其他页面,则需要更新插件css,

插件/可湿性粉剂列表/包含/ 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;

并调整或删除同一类中的填充以设置您的要求。