Multiple background images – CSS3

Viewing 3 replies - 1 through 3 (of 3 total)
  • popper

    (@julialasarte)

    You have two problems. First, the images should be inverted:

    #wrapper {
   background-image: url("https://ohlalaleslesters.be/wp-content/themes/ohlatwentyeleven/images/sea.png"),  url("https://ohlalaleslesters.be/wp-content/themes/ohlatwentyeleven/images/bg_inside.png");
   background-repeat: repeat-x, repeat;
   background-position: center bottom, 0,0;
}

    and even if that is right the footer is inside #wrapper and it’s hiding your second image behind it.

    Thread Starter lmw

    (@lmw)

    Thanks popper, you rock! Sometimes I can’t see the wood for the trees… ??

    Thread Starter lmw

    (@lmw)

    Hmmm… but why do I need to clear the left float on #primary to make the background show?

    And if I clear the float, then #secondary will be in the wrong place (e.g. https://ohlalaleslesters.be/category/videos/).

    And on a single post page(e.g. https://ohlalaleslesters.be/milo/the-volcano/), I get a weird grey line that looks like it might be something to do with #secondary, but isn’t??

    Perplexed……… ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Multiple background images – CSS3’ is closed to new replies.

Tags