Support » Themes and Templates » Make the background transparent – Mystique Theme

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator cubecolour

    (@numeeja)

    Look in your style.css

    under
    /*** MAIN LAYOUT ***/

    find:

    #main{background:#fff url(images/main-right.jpg) no-repeat right top;}

    & change it to

    #main{background:transparent;}

    Thread Starter timble

    (@timble)

    You’re a star, will change now.

    Thread Starter timble

    (@timble)

    Weird this but there’s a patch left..

    http://img267.imageshack.us/img267/9290/weirdxy.jpg

    So I’ve switched it back for the time being..
    http://www.bowlandwalks.co.uk/

    Moderator cubecolour

    (@numeeja)

    Looks like you also need to remove the image from

    #main-inside{background:transparent url(images/main-left.jpg) no-repeat left top;min-height:380px;}

    To make it

    #main-inside{background:transparent;min-height:380px;}

    Thread Starter timble

    (@timble)

    Cheers for that pal, all seems to have worked now. Although I’ve just realised I’ll have to tidy up some of the images with white borders. (Wish I’d never started lol).

    Just so I have a record in case I want to switch back.

    I started off with..
    /*** MAIN LAYOUT ***/

    .shadow-left{background:url(images/shadow.png) no-repeat left bottom;}
    .shadow-right{background:url(images/shadow.png) no-repeat right bottom;padding-bottom:0px;position:relative;}
    #main{background:#fff url(images/main-right.jpg) no-repeat right top;}
    #main-inside{background:transparent url(images/main-left.jpg) no-repeat left top;min-height:380px;}

    And changed it to
    /*** MAIN LAYOUT ***/

    .shadow-left{background:url(images/shadow.png) no-repeat left bottom;}
    .shadow-right{background:url(images/shadow.png) no-repeat right bottom;padding-bottom:0px;position:relative;}
    #main{background:transparent;}
    #main-inside{background:transparent;min-height:380px;}

    Moderator cubecolour

    (@numeeja)

    You should copy the theme to make a new one with a different name/folder name – If there’s a theme update and you kept the same theme name, all your changes will be overwritten & lost.

    Best to put any new code in User CSS in the theme options page.

    Thread Starter timble

    (@timble)

    Just to say thanks to both of you.

    Small note. Your background-image is 250kb. Over time the bandwidth will add up if your site gets lots of hits.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Make the background transparent – Mystique Theme’ is closed to new replies.