如何更改“博客”页面上链接的颜色?

时间:2018-04-15 11:14:52

标签: css text colors hyperlink customising

在我网站的博客页面上,我的博文帖子的链接文字是蓝色,&我想将它们改成不同的颜色。

我试过在谷歌搜索答案但却一无所获!

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

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

3 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

在你的css中:

 a { 
color: black; } 

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

 a:hover {
 color: red; } 

修改 特殊课程:

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

在css中:

.class1{
 color: black;}

答案 2 :(得分:0)

更具体:

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