FANDOM


  • I can't seem to properly locate a background image. The image always repeats no matter what parameters I've tried. Code used: User:Dǐll_Kevlar/Funhaus.css. Result of this code image: https://imdill3.wikia.com/wiki/File:Funhausrepeat.png

    Basically, my goal is to have one static image at the bottom left in the background of this infobox.

      Loading editor
    • Could you link to the Wiki where you are attempting this?

        Loading editor
    •   Loading editor
    • Replace…
      .portable-infobox.pi-theme-funhaus {
          background-repeat: no-repeat;
          background-position: left bottom;
          background: linear-gradient(rgba(100,50,0, .9), rgba(0,0,0,.9)), url("https://vignette.wikia.nocookie.net/roosterteeth/images/d/d2/Funhaus_logo.svg/revision/latest/scale-to-width-down/820?cb=20180825210152")
      }
      …with…
      .portable-infobox.pi-theme-funhaus {
          background: linear-gradient(rgba(100,50,0, .9), rgba(0,0,0,.9)), url("https://vignette.wikia.nocookie.net/roosterteeth/images/d/d2/Funhaus_logo.svg/revision/latest/scale-to-width-down/820?cb=20180825210152");
          background-repeat: no-repeat;
          background-position: left bottom;
      }
      The background-repeat property was being overridden by background, because background is a CSS shorthand for background-color, background-image, & other properties including background-position & background-repeat. With those two properties below the shorthand property, it overrides the default background-position & background-repeat properties established by the shorthand.
        Loading editor
    • Thank you! You rock

        Loading editor
    • You’re welcome :)

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message