Custom image for Modules

Hi,

how can i setup custom images for every single module on my website? Is it i have to add a suffix for the module id and then define in css wheres this background image will be?

for example:

Code: Select all

.module1-background {
   background: #1e1e1e url('../images/common/blue.jpg') no-repeat center center;
   bottom: -450px;
   height: 1000px;
   position: absolute;
   width: 100%;
   z-index: 0;
}

It is exactly how you should fo it. Please use override.css to create those css declarations

Remember to enable "CSS override" in template settings - advanced section.