srcmini我是Wordpress和CSS的新手。我最近购买了一个WordPress主题
我已经创建了一个网站, 并且想要更改网站中某些元素的颜色。因此, 例如, 在菜单项”机会”下, 有一幅图片显示” EMC客户的潜力”。其下的行为灰色, 几乎看不清。
所以我想改变颜色。主题选项允许我使用自定义CSS。
我使用的代码是：
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视差效果一起使用。有简单的图形。它具有多种用途, 因此你可以随心所欲地将其用作投资组合或个人页面…版本：1.8.2许可证：WordPress主题由两部分组成：(1)PHP代码与WordPress本身一样, 在GPL许可证下获得许可。 。你将在与此文本文件相同的目录中找到许可证文本的副本。或者, 你可以在此处阅读：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 { }
所以我不确定应该在哪里添加代码, 但是它不会改变颜色！任何人都可以帮助调查。.我一直在努力几个小时:(
#1
你在这里不需要media =” all”, 因此只需将其删除：
.white-overlay p {
padding: 5px 0 15px;
font-size: 15px;
color: #a81800;
}
#2
如果你要做的只是更改下方文本的颜色, 则只需在自定义CSS中插入以下内容：
.white-overlay p {
color: #a81800;
}
这将保留所有其他属性(字体大小和填充), 这些属性最初是在主CSS文件中指定的。你不应该在CSS中放置media =” all”, 因为：
- 这是多余的；除非另有说明, 否则浏览器将假定规则适用于所有媒体类型。
语法实际上是这样格式化的：
@media [媒体类型] {[选择器] {[属性]：[值]; }
如果你想使透明覆盖物的透明度降低一点, 你还可以添加以下代码：
.white-overlay {
background: rgba(255, 255, 255, 0.6);
}
背景值中的最终数字指定不透明度(从0到1), 并且由我将其从0.5更改为0.6。
#3
我遇到了Vernum WordPress主题的相同问题。由于某些原因(我无法理解), 它们的style.css没有”正确”链接。我通过在子主题文件夹中添加父主题的header.php的副本并添加以下行来解决此问题：
<head>
<?php wp_head(); ?>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />
</head>
这似乎为style.css提供了正确的可见性, 因此可以被子主题覆盖。请注意, 我目前在Vernum主题方面遇到其他问题, 涉及使用多个样式表, 因此, 尝试重新设置样式似乎不是理想的主题。
祝你好运乔凡尼
评论前必须登录！
注册