Howdy, Stranger!

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

Background Images in Responsive?

Hi, I just started using Twine to make my own story. I, however, have no experience with coding: CSS or otherwise. I want to have a background image in the body of my game.

I tried using
body { background-image: url("image URL here"); }
as seen on the Twine wiki, but when I apply it in my story it doesn't show up well http://imgur.com/DVtTlHz

It does show up when I change the format to Sugarcane though.

Anyone have a fix so that I can have a background image in the Responsive format? I'd love if it looked like this http://imgur.com/YRJhqeR

Comments

  • Different header, different CSS. So you don't want to target body in this particular instance. For responsive, the div you're looking for is this.
    #main-container { background-image: url("image URL here"); }
    EDIT: You may also want to include a
    #main { background-color: #fff; }
    Or if you want opacity (a nice touch I think):
    #main { background-color:#fff; opacity:0.95; }
    ...to get the effect you're looking for.

    Cheers.
  • Hi, is there any way to revert back to the 1.4 version of Responsive?
Sign In or Register to comment.