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
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
I activated the website, here is the link:
http://gesco-messsysteme.de.w01cacbf.kasserver.com/software/
There is missing one sign in your hex color.
When you set the color in hex, they should be six or three characters long. You can write three characters if the signs are doubled, for example, you can write #f60 instead of #ff6600.
When I added one sign to your code, it worked.
Best regards