WordPress.org

Support

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

[Resolved] Make the background transparent – Mystique Theme

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

    @numeeja

    ɹoʇɐɹǝpoɯ

    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;}

    You’re a star, will change now.

    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..

    Forest of Bowland home

    Moderator cubecolour

    @numeeja

    ɹoʇɐɹǝpoɯ

    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;}

    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

    ɹoʇɐɹǝpoɯ

    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.

    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 ‘[Resolved] Make the background transparent – Mystique Theme’ is closed to new replies.
Skip to toolbar