Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Background

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #160959
    red2503
    Participant

    Hello,

    I’m running a community and I want to change the background, but I don’t know CSS very well. My current bg script looks like this:
    body {
    background: #f9f9f9 url("styles/we_universal/theme/images/bg_1.png");
    margin: 15px 0;
    font: 62.5% Verdana, Arial, Helvetica, sans-serif;
    color: #828282;
    }

    But I want to change it so I can have one background repeating horizontal on the bottom of the page and another background above it repeating in all directions. Something like this:

    http://imagizer.imageshack.us/v2/800x600q90/547/82ws.png

    What do I need to do to get such background?

    #160979
    Paulie_D
    Moderator

    The code would go something like this:

      background-image:url(image1), url(image2);
      background-repeat:repeat-x, repeat;
      background-position: left bottom, left bottom;
    

    Codepen Example:

    http://codepen.io/Paulie-D/pen/mJBsr

    #161034
    red2503
    Participant

    The horizontal repeating background does repeat on the botom of the screen, but when I scroll it stays at it’s place. I want it to be on the botom of the page, not on the botom of the screen. How can I do this?

    Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.