如何有单独的布局(文章和页面)和不同的主页?CSS
我正在使用自定义CSS修改我的站点,每当我进行更改时,它都会影响整个站点。我只想对帖子和页面进行更改,并分别对主页进行更改 我问我的主题创造者,他们的回答是这样的 “要知道您是在主页上还是在单个页面上,请检查#content wrapper inside元素上的类。主页上有“.home”类,单个帖子上有“.single”类。”我找不到 我用这些来定制如何有单独的布局(文章和页面)和不同的主页?CSS,css,wordpress,Css,Wordpress,我正在使用自定义CSS修改我的站点,每当我进行更改时,它都会影响整个站点。我只想对帖子和页面进行更改,并分别对主页进行更改 我问我的主题创造者,他们的回答是这样的 “要知道您是在主页上还是在单个页面上,请检查#content wrapper inside元素上的类。主页上有“.home”类,单个帖子上有“.single”类。”我找不到 我用这些来定制 @media (min-width:960px){ .main-content{ display: block; padding-left:253
@media (min-width:960px){
.main-content{
display: block;
padding-left:253px;
}
.sticky-kit-wrapper {
margin-bottom: 120px;
margin-left: auto;
margin-right: auto;
max-width: 1480px;
}
.sticky-kit-wrapper {
padding-left: 60px;
padding-right: 0;
}
这会影响整个网站,我是否可以为我的主页单独编码
我的网站是www.defensionem.com
谢谢您的帮助。非常简单,您的主题实际上是为您完成所有繁重的工作。站点中的所有页面都具有内置于包装器中的位置,因此您需要做的就是为页面定位正确的包装器,例如: 家:家 存档:存档 单身:单身 第页:第页 因此,您的css看起来像:
/* need to modify the home page */
.home .sticky-kit-wrapper {
display:none;
}
根据您提供的信息,
.home.sticky kit wrapper{…}
将仅影响主页,.single.sticky kit wrapper{…}
将影响单个页面。您好。让我试试。谢谢弗拉基米尔!我猜这个网页是由一些CMS提供的?像Wordpress?是的,是Wordpress@这是一个纪念军队之类的地方。在新主页上工作。Wordpress默认将内容类型作为类放在body元素上。遗憾的是,如果您使用自定义页面作为frontpage,那么它将同时使用home和page作为类,这可能还不够。所有页面都将有类页面和帖子应该有单一。我发布了相同的答案,它被删除。