首先尝试使用Firebug和CSS

Question

我是firebug的新手，我正试图用它来弄清楚CSS中控制颜色的位置。

链接到网站：http://www.transformaison.com/index.php

我想更改颜色的文字是所有标题，最明显的是在主页上：

“Lorem Ipsum” - 主题文章标题

所有模块标题，例如“联系信息”和“专业指定”

我以为我可以在template.css的某个地方设置'title'颜色，但我没有找到任何颜色设置可以解决这个问题。

我哪里错了？

谢谢！

Answer 1

在template.css中添加如下样式： -

.title {
    color: #FF0000 !important; /* Desired color code you want*/
}

修改

如果您在CSS中使用!important，则此颜色将生效

您需要做的另一件事是，在您的页面中评论给.title的嵌入式样式。嵌入式样式表表示文档页面中存在的样式，此处为index.php

Here is some info regarding !important

Answer 2

您的index.php (line 45)

中有内部css

.box8, .box8 .title, .box8 a:hover, .box11, .box11 .title, .box11 a:hover, .title3 .module-title .title {
    color: #000000 !important;
}

受.box8 .title影响。如果要更改标题的颜色而不影响另一个，请删除上述规则中的选择器并创建单独的规则

.box8 .title {
   color: red;
}

Answer 3

我在源代码中看到你有以下几行：

<h1 class="title">Lorum Ipsum</h1>

现在，您需要在css中创建类标题并设置字体颜色

如：

.title{
color: #000000; /* change this to change the color*/
}

颜色会相应地改变你设定的颜色。