Adding Link Hover
There are many benefits to modifying the appearance of links when the user hovers over them. One such benefit is that these effects makes your page more visually accessible to your audience. If you incorporate your personal colors and fonts into the hover effect, your portfolio will look more cohesive. Note that this page shows you how to change the color of hovered links, but you may also add font statements (see Fonts) to further modify the hover effects.
How to Add Link Hover
To change the link hover in the top navigation module add the following method:
.navigation_topnav a:hover{
color:#D43A17;
}
To change the link hover in the left navigation module add the following method:
a:hover{
color:#D43A17;
}
You may change the hex code in both of these methods to a color of your choice.
Video Tutorial
For a video tutorial on how to add link hover, check out the CUPID Associates video below:
How to Add Link Hover
To change the link hover in the top navigation module add the following method:
.navigation_topnav a:hover{
color:#D43A17;
}
To change the link hover in the left navigation module add the following method:
a:hover{
color:#D43A17;
}
You may change the hex code in both of these methods to a color of your choice.
Video Tutorial
For a video tutorial on how to add link hover, check out the CUPID Associates video below: