Trouble putting a background image in the save menu

Authoring Twine
1

Twine Version: 1.4

So I’m trying to put a background image in the save menu but it’s not working out.

My CSS:

#ui-dialog-body.saves{
    background-image: url(images/desmond symbol.png);
}

What it looks like:

Screenshot 2023-07-25 at 11.35.54 PM 1
Screenshot 2023-07-25 at 11.35.54 PM 11781×1524 156 KB

(More or less) What I want:

demoimgdes
demoimgdes1781×1524 111 KB

Please help.

1 Like
2

Copy and pasting your code (and replacing the image url, obviously) works for me. Are you sure that the url is correct? You can inspect the saves dialogue to check whether the background-image property is being correctly applied. If it’s not, are there typos or other errors in your Stylesheet, either in the relevant code or somewhere before it?

2 Likes
3

Turns out the issue was I forgot to add quotation marks in the url.

1 Like
4

While delimiting quotations are only really needed if the URL passed to the url() token contains SPACE (or similar) characters, I always delimiter my URLs just to be safe… :slight_smile:

1 Like