Is it possible to style links in H2 style differently to just text in H2 style?

Ben Vost1

I want to differentiate how links using H2 look from titles in H2. Obviously, when the user mouses over, the fact that there's a link becomes obvious, but it's not a great way to present.

 

B

PS. We've done some tests and H2 seems to be impossible to modify? Even changing the colour with:

.wiki-content H2 a {

   color: red;

}

Steffen Heller

That is all no problem.

For link underlines you typically use:

text-decoration: underline !important;

If you want a different line you can also use borders:

text-decoration: none !important;
border-bottom: 3px dotted orange;

If you want underlines to come and go for different link states you can also define different formats for:

.wiki-content h2 a {   }
.wiki-content h2 a:link/a:visited/a:focus/a:hover/a:active {   }