Look in , yoo_inspire/css/background/wave.css

.top-a-layer-1 {  
    -moz-animation: 10s linear 0s normal none infinite slide;  
    background: url("../../images/background/wave/wave_bg.jpg") no-repeat scroll 0 0 transparent;  
}  
.top-a-layer-2 {  
    background: url("../../images/background/wave/wave_mask.png") no-repeat scroll 0 0 transparent;  
}

That is the code responsible for the Wave image in top-a .

YOOgards

You can do either, your own style or some CSS in a custom location, the benefits are well know to you by now.

You can review the templates css/layouts.css and styles.css/style.css files for background images and then adjust

eg: yoo_inspire/css/layout.css

#block-main {  
    background: none repeat scroll 0 0 #FCFCFC;  
    border-bottom: 1px solid #FFFFFF;  
    padding: 30px 0 15px;  
}

in the above you can see a color being applied to the #block-main div . File locations will largely depend on your style in use.

YOOgards

In the past when I am lazy, I take my least favorite background image file and replace it with mine using the same name. This keeps it in the drop down menu.

Thanks, you can use the following in the location where you have your custom CSS defined,

    #block-top-a {  
        background: none;  
        overflow: hidden;  
        position: relative;  
    }  
    .no-top-a #block-top-a {  
        background-color: none;  
    }  
    .top-a-layer-1, .top-a-layer-2 {  
        height: 400px;  
        left: 50%;  
        margin-left: -1280px;  
        position: absolute;  
        top: 0;  
        width: 2560px;  
    }  
    .top-a-layer-1 {  
        -moz-animation: 10s linear 0s normal none infinite slide;  
        background: none;  
    }  
    .top-a-layer-2 {  
        background: none;  
    }  

.top-a-shadow {  
    bottom: 0;  
    box-shadow: none;  
    left: 0;  
    position: absolute;  
    right: 0;  
    top: 0;  
}  
body#page {  
    background: none repeat scroll 0 0 #FFFFFF;  
}

YOOgards

Thanks mustaq, but wouldn't this change it for everything?

I'm trying to get a solution that adds a new background option in the drop-down in the style editor, but keeping the existing ones as options, too.

Thanks

What I mean is that in creating your own Style, you must over rides the background CSS from the mentioned CSS files , so you own new Style will have backgrounds for the different divs as per your needs.

YOOgards

Hi mustaq,

I tried your fix and it didn't work. I am left with the 'wave' background in place. Not sure what's happened there!
Thanks

Post a link to your site again.

YOOgards

Thanks mustaq. Added in Hidden Information.

Any information here?

Thanks, mustaq

hello

i tried to apply the move fix and it didn't work for me either...i'm not the most experienced editing css anyways so i could have just done it wrong...

i want to have no background in top-a also...which file should i be editing? thanks for your time and patience

As a pragmatic and simple solution I use the same principle as Christopher above - just replace the image file with my own at the same size - it's quick and avoids most unforseen consequences.
Cheers.