Hi folks,
I'm more of a writer/artist, so I'm new at this side of things... but darn it I've got a story to tell!
I'm trying to get a black background with white text, and white links that hover white. Right now everything is working but the hover.
This is what the CSS in my stylesheet looks like:
body {
background-color: black;
}
tw-story {
color: white;
}
tw-link {
color:#FFFFFF;
}
tw-link.hover {
color:#FFFFFF;
}
tw-link.visited {
color:#FFFFFF;
}
Any ideas?
Thank you!
Comments
note: If you make your links (and thier hovers) the same colour as your standard text then it may be difficult for some Readers to find the links because they may not notice the mouse cursor shape changes.
And, yes, I'm aware of the potential for confusion. I just wanted to get it off the default cyan, and I'm so far from beta testing it doesn't matter too much. But thanks for point it out all the same.
I'm trying to use:
(text-color: "green")[LinkLinkLink]
AND still then have the hover color change, which isn't happening with this code. Regular links are working fine, but if I individually change a link's initial color via the above example I gave, no hover color change occurs. Help?
For the (text-color:) macro to be able to change the colour of markup links you would need to change the default colour of them to inherit, but you don't want to do this for all markup links so you need to use a more advanced CSS selector that only targets markup links that are within the associated hook of a (text-color:) macro.
Try adding the following to the bottom of your Story Stylesheet: notes:
a. This should work on most modern web-browsers.
b. That CSS selector is crafted to work with your example markup link, it may not work in other use-cases or with other link types.
The selector used is based on the following HTML which is what Harlowe generated for your example: