How do I make my links a different colour?

jonniemarbles

I'm trying:

(colour:red)Alarm

But it still comes out blue. Can anyone A.) tell me how to do this and/or B.) direct me to a good list of all the syntax/documentation etc for twine 2.0? I am floundering here and really want to make a good game, without endlessly coming back here to bother you guys with inane questions. I only started with Twine 2.0 yesterday and have searched a lot for a good documentation file but everything I find is either for an older version or isn't comprehensive enough. Many thanks in advance for your help

jonniemarbles

I'm using Harlowe if that helps.

guinevak

You do it by editing the stylesheet. Here is a tutorial.

TheMadExile

I'll echo guinevak here. For most styling you should be using the Story Stylesheet.


However, for individual links that need a one off style, I believe the markup you're attempting goes something like this:

(colour: "red")[ [[Alarm]] ]

I don't believe you need the spaces there, I included them simply to show that you need to put the double square bracket link markup within the single square bracket hook container markup (i.e. you apply the changer macro to the hook which wraps the link). Note: Only a few color keywords are understood by (colour:) (see: Harlowe docs > TwineScript data types > Colours), though you can also use the hexadecimal formats.

jonniemarbles

Thank you! This is a great community, you are all so helpful!

jonniemarbles

Hmm, I tried this to no avail -

TheMadExile wrote: »

I'll echo guinevak here. For most styling you should be using the Story Stylesheet.


However, for individual links that need a one off style, I believe the markup you're attempting goes something like this:
[code]
(colour: "red")[ Alarm ]


Not really sure what I'm doing wrong, or how to set up a stylesheet (I have never used CSS before )

prof_yaffle

I did a quick test and it seems that the style macros don't work on links. If you did the following

(color: "red")[red [[Alarm]] ]

The word red would be in red but the link won't be.

To change the css for the story you need the "Edit Story Stylesheet" option in the menu.

The code to make all links red would be

tw-link {color: red}