Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Can anyone see what I messed up here?

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; 
}

Comments

  • edited February 2017
    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"
  • Thank you, That did it except it was
    body.map .passage {
      ···
     }
    

    instead of #
    thanks for the help
  • 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.
Sign In or Register to comment.