个性化阅读
专注于IT技术分析

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

我是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主题方面遇到其他问题, 涉及使用多个样式表, 因此, 尝试重新设置样式似乎不是理想的主题。

祝你好运乔凡尼

赞(0) 打赏
未经允许不得转载:srcmini » 更改WordPress主题中元素的字体颜色
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏