覆盖index.php样式中的style.css样式

时间:2015-06-06 作者:Paras Shah

我正试图改变我的网站的外观,但在这样做的同时,面临一些问题。

现在,不同的类和id正在流行。css应用于我的主题上的所有页面。

我想覆盖我主页上的那些样式元素(只有2或3个)。

现在,当我在索引中添加样式时。php文件,它们没有被应用。

我已经试过标记它们了!important

代码片段:我已在索引中添加了此代码。php文件之前的<?php 代码开始

<style type="text/css">
#main {
    margin-left: 0 !important;
}
.container {
    width: 95% !important;
}
</style>
但它们仍然没有影响我主页的外观。

我已经确认,我使用的类和ID都是完美的,并且很时尚。css文件?

那么,你能指导我如何只在我的主页上覆盖这些元素样式吗?

如果我在上述过程中做错了什么?

2 个回复
最合适的回答,由SO网友:Omar Tariq 整理而成

在主题函数中添加此代码。php

add_action(\'wp_footer\', \'my_home_page_styles\', PHP_INT_MAX);
function my_home_page_styles() {
    if(is_front_page()) {
    ?>
    <style>
        #main {
            margin-left: 0 !important;
        }
        .container {
            width: 95% !important;
        }
    </style>
    <?php
    }
}
刷新前不要忘记清除缓存。使用Ctrl + F5 在Google Chrome中刷新。

SO网友:Ace

您的主页正文中有一个名为“主页”的类

以你的风格。css文件

body.home #main {
  margin-left: 0;
}
body.home .container {
  width: 95%;
}
因为你的评论声称没有所谓的“家”类。下面是默认wordpress Twenty15标题的屏幕截图。php文件页注意body标记<body <?php body_class(); ?>>.

如果这不在当前主题中,您应该添加它。

enter image description here

结束

相关推荐

在我的插件设置页面中,使用复选框来加载特定的CSS文件(例如Bootstrap/Foundation)

这是我在这里的第一篇帖子,如果出了什么严重的问题,我会毫不犹豫地告诉你我正在构建的wp插件需要引导它生成的短代码,以便在浏览器中呈现时按预期设置样式。它还需要引导js,以便在将来的更新中添加按钮下拉列表。必要的引导。css位于主插件目录文件夹中,然后在css文件夹中,我也有与引导程序相同的情况。min.js遵循相同的文件结构进入但进入js文件夹。我想通过设置页面上的复选框来选择是否加载这些文件。我设置了复选框,如果选中了复选框,则实际上是PHP需要将文件排队。默认情况下,我认为应该选中这些框。任何帮助都将