Can anyone see what I messed up here?

AlternateGalaxy

I had this working so that their was a background image with the text and links formatted and justified to the right with a small margin. Tag map is set to the passage in question twine 2.1 sugarcube 2.12.1

#ui-bar {
	display: none;
}

body.map {
  background-image: url(http://i.imgur.com/EzI203S.jpg);
  background-attachment: fixed; 
  background-repeat: no-repeat;
  background-size: contain; 
 }
body.map passage {font-family: New Times Roman, Times, Serif;
   font-size:30px; color: white; margin-right:20px; text-align:right;  
}

body.map a { 
  color: orangered; 
}

body.map a hover { 
  color: crimson; 
}

Chapel

For one, passage isn't a selector, it probably should be:

body.map #passage {
  ···
 }

Second, your hover selector is wrong. Should be:

body.map a:hover {
  ···
 }

Try fixing those and see if looks more like how you expect.

EDIT for future people who have similar problems: ".passage", not "#passage"

AlternateGalaxy

Thank you, That did it except it was

body.map .passage {
  ···
 }

instead of #
thanks for the help

Chapel

AlternateGalaxy wrote: »

Thank you, That did it except it was

body.map .passage {
  ···
 }

instead of #
thanks for the help

You're right, my apologies. Glad you figured it out.