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
  • #160959


    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:

    What do I need to do to get such background?


    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:


    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?


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