How to use two backgrounds in this theme?

  • I am using the Colourise Theme https://www.themelab.com/2008/04/01/colourise-free-wordpress-theme-38/

    I want to keep the image background as the top photo, but want to add a seamless tiled background too. Is that possible, please help. Thank You

    Below is what is standard in the Colourise Theme.

    body {
    font: 11px/165% ‘Lucida Grande’, Geneva, Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin: 0; padding: 0;
    background: #070707 url(images/bg.jpg) no-repeat center top;
    text-align: center;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter girlsofmizz

    (@girlsofmizz)

    I need help with this. Someone please help.

    Sara

    sure, with css3, you can stack multiple backgrounds by separating them with commas, so you’d do something like this:

    body {
    font: 11px/165% ‘Lucida Grande’, Geneva, Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin: 0; padding: 0;
    background: #070707 url(images/bg.jpg) no-repeat center top, url(images/bg2.jpg;
    text-align: center;
    }

    this isn’t supported by Older versions of IE (prior to 9) and older versions of Firefox, but if you include the following jquery library in your header, it is supported.
    <script type=”text/javascript” src=”jquery.multiple-bgs.js”></script>

    On one of my site I use Twenty Eleven 1.2 and to easily change backgrounds I used a plug-in called WP Background Tile

    Thread Starter girlsofmizz

    (@girlsofmizz)

    It didn’t work, it moved everything to adjust left and no backgrounds and turned the text back to regular typing style text.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to use two backgrounds in this theme?’ is closed to new replies.