Search code examples
csstextcolorshyperlinkcustomising

How do I change the colour of the link on my Blog page?


On the blog page of my website the text of links to my blog posts are the colour blue, & I would like to change them to a different colour.

I have tried searching for an answer on google but have found nothing!

My website is http://bentleyandhudson.com/blog

If you click through to my website you can see poochplay ~ dog activity tracker is in blue this is the text I would like to change.


Solution

  • Your website is a WordPress website, so you can change the link in your blog page this way:

    In your website there is a file: http://bentleyandhudson.com/wp-content/themes/bento/style.css

    Edit it by adding the following code to the end of it:

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

    Be sure to reload the browser cache to load the changes added to the style.css file. (Press CTRL+F5)

    To add the color to every link in your website, add this code to the style.css file:

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

    To change the link color of posts on the sidebar "PE Recent Posts" add this code:

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