【问题标题】:How do I change the colour of the link on my Blog page?如何更改博客页面上链接的颜色?
【发布时间】:2018-09-25 05:55:56
【问题描述】:

在我网站的博客页面上,我的博客文章的链接文本是蓝色的,我想将它们更改为不同的颜色。

我尝试在谷歌上搜索答案,但一无所获!

我的网站是http://bentleyandhudson.com/blog

如果你点击进入我的网站,你可以看到 poochplay ~ 狗活动跟踪器是蓝色的,这是我想要更改的文本。

【问题讨论】:

  • 只需添加一个 { color: black; }
  • 我在哪里添加这个?
  • 显示我的答案和 mt 编辑
  • @annabelle 你想只改变这个锚标签的颜色还是所有锚标签的颜色?

标签: css text colors hyperlink customising


【解决方案1】:

您的网站是 WordPress 网站,因此您可以通过以下方式更改博客页面中的链接:

在您的网站中有一个文件: http://bentleyandhudson.com/wp-content/themes/bento/style.css

通过在其末尾添加以下代码来编辑它:

.blog .post .entry-header .entry-title a{
    color:black;
}
.blog .post .entry-header .entry-title a:hover{
    color:grey;
}

确保重新加载浏览器缓存以加载添加到style.css 文件中的更改。 (按 CTRL+F5)

要将颜色添加到您网站中的每个链接,请将此代码添加到 style.css 文件中:

a{
    color:black;
}
a:hover{
    color:grey;
}

要更改侧边栏上帖子的链接颜色"PE Recent Posts",请添加以下代码:

.pe-recent-posts-title-tag a{
    color:black;
}
.pe-recent-posts-title-tag a:hover{
    color:grey;
}

【讨论】:

    【解决方案2】:

    在你的 CSS 中:

     a { 
    color: black; } 
    

    如果您想在悬停时更改颜色

     a:hover {
     color: red; } 
    

    编辑 具体类:

    <a class="class1"></a>
    

    在css中:

    .class1{
     color: black;}
    

    【讨论】:

    • 感谢您的帮助!
    • 它会改变所有锚标签的颜色!!!可能是仅更改特定锚标记颜色的 OP 问题
    • 所以给这个 a 添加特定的类
    【解决方案3】:

    更具体:

    h2.entry-title a {
         color:green;
    }
    h2.entry-title a:hover {
         color:red;
    }
    

    【讨论】:

      猜你喜欢
      • 2019-02-02
      • 2015-11-08
      • 2017-06-23
      • 1970-01-01
      • 1970-01-01
      • 2011-01-24
      • 1970-01-01
      • 1970-01-01
      • 2021-11-21
      相关资源
      最近更新 更多