我是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 { }
【更改WordPress主题中元素的字体颜色】所以我不确定应该在哪里添加代码, 但是它不会改变颜色!任何人都可以帮助调查。.我一直在努力几个小时:(
#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="http://www.srcmini.com/<
?php echo get_stylesheet_uri();
?>" type="text/css"media="screen" />
<
/head>
这似乎为style.css提供了正确的可见性, 因此可以被子主题覆盖。请注意, 我目前在Vernum主题方面遇到其他问题, 涉及使用多个样式表, 因此, 尝试重新设置样式似乎不是理想的主题。
祝你好运乔凡尼
推荐阅读
- 评论不会显示在自定义模板中
- 检查主页上是否存在wordpress短代码
- 更改我的wp模板中的评论标题
- 更改WordPress菜单的类别
- 更改连续类别页面上的帖子数(WordPress)
- 更改WordPress管理区域中的菜单项标签()
- 通过子主题更改自定义帖子类型的标签
- 论异步编程的正确姿势(十个接口的活现在只需要一个接口就能搞定!)
- #yyds干货盘点# springboot使用@Async实现异步调用