Twine Version: 2.3.16
Story Format: 2.36.1
I recently managed to get sidebars buttons to open in an overlay, thanks to StoryMenu and/or StoryCaption overlay
In StoryCaption, I have this:
<<link "Hints">> <<script>> Dialog.setup("Hints"); Dialog.wiki(Story.get("Hints").processText()); Dialog.open(); <</script>> <</link>>
That works perfectly fine.
I was able to add a map as an image in one of these, which also works:
Although it is an image only, no clicking. I will use links and button for navigation for now
Then I wanted to add an image as a background to text info:
<div id="hintdiv" style= "background-image: url('img/bg/old paper.jpg');"> my text </div>
Which works, except that my text is now right up to the left and right edges, and I also need to change the colour of it to suit the background and keep it legible.
So my question is, where/how do I make this change? Is it a CSS thing, or can I write it straight into the above hintdiv code?