Question

我是Wordpress和CSS的新手。我最近购买了一个wordpress theme

我创建了website，我想更改网站中某些元素的颜色。例如，在菜单项“The Opportunity”下，有一张图片显示“EMC客户的潜力”下面的一行是灰色的，几乎无法读取。

所以我想改变颜色。主题选项允许我使用自定义CSS ..

enter image description here

我使用的代码是：

media="all"
.white-overlay p {
padding: 5px 0 15px;
font-size: 15px;
color: #a81800;
}

当我尝试将代码添加到wp-content / themes / vernum下的stle.css时（我使用FTP访问此文件），我看到了：

/ * 主题名称：Vernum - 响应式单页视差模板主题URI：http://spyropress.com/themes/vernum 作者：Spyropress 作者URI：http://spyropress.com/ 描述：Vernum是一个春天，快乐的单页网站的项目。它现代而干净，非常容易编辑。它准备与jquery parallax efect一起使用。有扁平和简单的图形。它是多功能的，所以无论你想要什么，你都可以将它用作组合或个人页面...... 版本：1.8.2 许可证：WordPress主题由两部分组成：（1）PHP代码根据GPL许可证获得许可，WordPress本身也是如此。您将在与此文本文件相同的目录中找到许可证文本的副本。或者您可以在此处阅读：http://codex.wordpress.org/GPL（2）主题的所有其他部分（包括但不限于CSS代码，图像和设计）均根据购买的许可证进行许可。在此处阅读许可详细信息：

http://wiki.envato.com/support/legal-terms/licensing-terms/
License URI: license.txt
Tags: agency, clean, easy to use, flat, minimal, modern, multipurpose, one page, parallax, portfolio, responsive, retina, simple, spring, spyropress, builder
Text Domain: spyropress
*/


.wp-caption { }
.wp-caption-text { }
.sticky { }
.gallery-caption { }
.bypostauthor { }
.alignright { }
.aligncenter { }
.alignleft { }

所以我不确定我应该在哪里添加代码但它不会改变颜色！有人会帮我调查..我已经挣扎了几个小时:(

Answer 1

此处您不需要media="all"，因此请将其删除：

.white-overlay p {
    padding: 5px 0 15px;
    font-size: 15px;
    color: #a81800;
}

Answer 2

如果你只想改变下面文字的颜色，那么只需在你的自定义css中插入以下内容：

.white-overlay p {
    color: #a81800;
}

这将保留原始CSS文件中最初指定的所有其他属性（字体大小和填充）。你不应该在CSS中放置media =“all”，因为：

这是多余的;除非另有说明，否则浏览器将假定规则适用于所有媒体类型。
语法实际上是这样格式化的：

@media [media type] {[selector] {[property]：[value]; }

如果您想使透明覆盖层透明度稍低，您还可以添加以下代码：

.white-overlay {
    background: rgba(255, 255, 255, 0.6);
}

background 值中的最终数字指定不透明度（从0到1），并且我已经从0.5更改为0.6。

Answer 3

我遇到过与Vernum Wordpress主题相同的问题。由于某些原因（我无法理解），他们的style.css不是正确的＆＃39;链接。我通过在子主题文件夹中添加父主题的header.php副本并添加以下行来解决了这个问题：

<head>
    <?php wp_head(); ?>
   <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css"     media="screen" />

</head>

这似乎为style.css提供了正确的可见性，因此它可以被子主题覆盖。请注意，我目前遇到Vernum主题的其他问题，涉及多个样式表的使用，所以它似乎不是尝试和重新设计风格的理想主题。

祝你好运乔瓦尼

更改wordpress主题中元素的字体颜色

3 个答案: