WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Make the background transparent - Mystique Theme (10 posts)

  1. timble
    Member
    Posted 3 years ago #

    http://www.bowlandwalks.co.uk

    I'm trying to make the middle section transparent, there is no option that I can see in Mystique's settings.

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 3 years ago #

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

  3. timble
    Member
    Posted 3 years ago #

    You're a star, will change now.

  4. timble
    Member
    Posted 3 years ago #

    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/

  5. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 3 years ago #

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

  6. timble
    Member
    Posted 3 years ago #

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

  7. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 3 years ago #

    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.

  8. abhilashkumar
    Member
    Posted 3 years ago #

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

  9. timble
    Member
    Posted 3 years ago #

    Just to say thanks to both of you.

  10. kill-switch413
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic