Add background colour to left module?

The modules in this template looks really bland is it possible to add background colour to left module?
Is it possible to add a backgound colour to a module on my website see attached

webiste: Click Here

Hi,

You can add a suffix class for that module in its configuration page, let's say "mysuffix". Then use this css code to add a background for it:

Code: Select all

.mysuffix{
backbround: url("https://www.gavick.com/forum/download/file.php?avatar=258659_1322502298.jpg") repeat scroll 0 0 transparent;
}


Where exactly do I define this module suffix.

Where exactly do I define this module suffix so that I can call it like entering _mysuffix in any module.

Put the code fragment in your override.css file and add the class to the module via Module > Advanced Options > Module Class Suffix [ field ].

Thanks for the reply, I was unable to get this one working.
I added the following code and entered mysuffix to the field and still not seen the required change. All that happens is the border
around the module disappears.

This is what I did -
Added code to override.css and Custom CSS code filed in template manager & and enable override.css option in template settings
Place image mod-bg_image.jpg in the template directory: /templates/gk_finance_business/images

Code:
.mysuffix{
backbround: url('/templates/gk_finance_business/images/mod-bg_image.jpg') repeat scroll 0 0 transparent;
}


Image location:
The image is here: \templates\gk_finance_business\images\mod-bg_image.jpg

Hi
You have wrong patch to image in css, should be:

Code: Select all

Code:
.mysuffix{
background: url('../images/mod-bg_image.jpg') repeat scroll 0 0 transparent;
}


try this one

Thanks for the reply
Tried it but it's still not working, I'm not sure why. I also tried it on another website (localhost) and it's still doing the same thing, all that happens is the border around the module disappears and that's it.

Website Click here

Did you add sapce before suffix name in module settings ?

Did you add sapce before suffix name in module settings ?

Still not working, with and without the space. Will send PM

Any update on this issue?

Unfortunetly no. I didn't recieve any PM from you with access.

PM sent. Please confirm receipt.

Thanks Much

I ve got. I added rule to suffix in override.css and suffix to Search module.

I ve got. I added rule to suffix in override.css and suffix to Search module.

Thanks, but what about using background image instead of the hex colour code?

Image location:
The image is here: \templates\gk_finance_business\images\mod-bg_image.jpg

I added rule for image in override.css but then I chcecked folder by ftp and there is no image in this location.

Ok ignore last post. Finally got it working.
Thanks for the help

I'm glad it is finally working