I’m back with another idea I have problems implementing. I’m not exactly sure it’s doable but let’s try…
What I want to do is add a symbol before each link to a passage. So far I’m using a * before a link manually but as I think about it more I would like to add more symbols there. Is it possible to somehow make them appear automatically?
Let’s say I want it to look like this (please assume the ‘>’ symbol is a CSS right arrow ):
‘>’[[Link to passage here.]]
‘>’[[Another link to passage here.]]
Anything I can add to the stelsheet (or anywhere, just assuming it would be there?) to let it know I want a specific symbol before each link?
I’m using:
Twine Version: 2.3.13
Story Format: Sugarcube 2.34.1
HTML/CSS has a feature known as Pseudo-elements, that lets you style a specific part of the selected HTML element(s). One of these pseudo-elements is named ::before, which as shown in its examples, can be combined with the CSS content property to add ‘content’ before the selected element(s).
You can use your web-browser’s Web Developer Tools to Inspect the HTML generated by links like the following to determine which HTML element you need to target…
[[Option 1]]
[[Option 2]]
…the generated HTML would look something the following, notice how each has a CSS class named link-internal assigned to it…