【问题标题】:overriding colors for buttons on a wordpress theme with bootstrap buttons使用引导按钮覆盖 wordpress 主题上按钮的颜色
【发布时间】:2015-02-04 01:05:53
【问题描述】:

我正在尝试更改 wordpress 网站上这些按钮的颜色

http://www.saylor.org/pathways/http://www.saylor.org/pathways/earn-college-credit/

一页上按钮的代码是

<a class=btn-green" href="/pathways/foundational-courses/'>Browse Courses</a>

提前感谢任何人提供的任何帮助

【问题讨论】:

  • 您可以在想要覆盖的页面中覆盖背景颜色属性,如下所示,或者将其放在css文件中以最后加载。 .course-wrap .btn-green { 背景颜色:#FF0000; }
  • 谢谢.....我试图把它放在 CSS 和底部或页面上,但我仍然无法让它工作。还有其他想法吗?这让我发疯了。
  • 您能分享一下您是如何尝试添加 css 的吗?
  • 我放在了css表的底部,如果我发链接你能看一下吗?

标签: wordpress twitter-bootstrap button colors


【解决方案1】:

你需要把它放在下面,缺少内容。检查您没有包含的缺失内容

<style type="text/css">

 .course-wrap .btn-green {

 background-color: #FF0000;

 }
</style>

您可以根据需要将背景颜色的值从 #FF0000 更改为任何其他值。

【讨论】:

  • 它仍然无法正常工作:-(,我认为自定义 CSS 上的任何内容都会覆盖其他任何内容。
  • 在您的页面上,我可以看到您的样式标签已损坏,应该是 type="text/css"。更正并再次检查。
  • 我在开发站点wordpress-dev-01.sylr.org 工作,代码
  • 这很有趣,当我打开链接并检查其查看源代码时,它会显示损坏的样式标签。您可以加载页面并查看它查看源代码以确认或在此处查看第 559 行pastebin.com/KDV5VKjK
  • 我很迷茫 :-(....我已经尝试了所有我能想到的方法。我们可以共享屏幕吗?
【解决方案2】:

你应该写在你的css文件中

.btn-green a:hover{
    background-color: #099AD1;
    color: white;
    text-decoration: none;
}

【讨论】:

  • 谢谢.....我试图把它放在 CSS 和底部或页面上,但我仍然无法让它工作。还有其他想法吗?
  • 你能解释一下代码的作用而不是仅仅提供解决方案吗?
  • background-color 改变背景颜色;color 改变文本颜色; text-decoration 删除文本下的下划线
猜你喜欢
  • 1970-01-01
  • 2020-12-17
  • 2021-01-16
  • 1970-01-01
  • 2018-03-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-27
相关资源
最近更新 更多