Support » Theme: Undiscovered » Customize link's color bypassing default option

  • Resolved Felice

    (@antonio_09)


    Hi,
    is possibile to customize link’s color bypassing default option ?!
    I would give 4 different color for links.
    For example, if I put this code in child theme’s style.css:

    a:link {color: blue;}  /* color link */
    a:visited {color: purple;}  /* visited link */
    a:hover {color: red;}  /* mouse over link */
    a:active {color: green;} /* selected link */

    The code does not work well because the default is:

    a:visited, a:hover, a:focus, a:active {
    			color: #be3243;
    		}

    And I can’t bypass it.
    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    try adding !important in the code, so your codes will become,

    a:link {color: blue !important;}  /* color link */
    a:visited {color: purple !important;}  /* visited link */
    a:hover {color: red !important;}  /* mouse over link */
    a:active {color: green !important;} /* selected link */

    hope that helps!

    Theme Author themeshaker

    (@themeshaker)

    Saeed is right. If you want to override any particular property, !important rule is an option. !important declaration gives a CSS value enough weight to override the original one.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize link's color bypassing default option’ is closed to new replies.