Change link color on a single page

I want the link color and mouseover color on a single page to be different than what is defined in the general settings (image: 1linkcolor-definition_general-settings_betheme-opions).

I used a class definition to do this, but it doesn't quite work.


I define the class in Theme Options / Custom CSS (Image: 2css-definition_linkcolor).

Here is the definition of the class:

/* define link colors with classes */

 a.linkcolor:link{color:#ff000;}

 a.linkcolor:visited{color:#ff000;}

 a.linkcolor:hover{color:#00CC00;}

 a.linkcolor:active{color:#ff000;}


On the corresponding page I call the link with the corresponding class:

<a class="linkcolor" href="#manufacturing-execution-system">Manufacturing Execution System</a>

Images: 3column-text_in-editor-1 + 4column-text_in-editor-2 + 5column-text_in-editor-3


The definition of the link color for mouse-over works,

Unfortunately, the definition of the colors for the other link states does not work.

Images: 6column-text_in-frontend-1_link-color-not-ok + 7column-text_in-frontend-2_mouseover-ok


What am I doing wrong, or should I try something else?


Comments

Sign In or Register to comment.