• Home
  • About Me
  • Projects
  • Publications
  • Posts

How to edit the color of hyperlink on the github blog

05 Nov 2020

Reading time : 1 minute

● How to edit the color of hyperlink on the github.io blog

  • Find the layout and check any html file, it should include head.html like below


  • Then edit the head.html file.
    • Add the code block as below
    <style type="text/css">
    a:link {text-decoration: underline; color: #3399ff;}
    a:visited {text-decoration: underline; color: #9933ff;}
    a:active {text-decoration: underline; color: #9933ff;}
    a:hover {text-decoration: underline; color: red;}
    </style>


  • Explanation
    • a:link changed the color of the general link
    • a:visited changed the color of the previously visited link
    • a:active changed the color of the link when it is clicked
    • a:hover changed the color of the link when the mouse pointer is hovering above the link.


  • After edited the head.html, result should be like: