background image different modules

Dear,

I hope you can help me out with my problem. I am using the John template and I want to adjust per module position the background.

From the forum and your help pages I understand that I must change my override.css (I know it and where to find/place it) and that I can add the suffix top the module (read the part about the gradient and when I add this to my override.css it works).

Unfortunately I haven't been able to set the background of the module as I want to, even after reading some CSS styling pages. I also tried to set the image of the background via the tab of the module but this only results in the inner block changing to the picture and not the whole background of the module.

Could you please help me out how to achieve this? Thank you.

Hi

Please tell me the url to Your site and tell me under which module You wish to change this background.

Hi,

First of all thank you for replying.

One of the modules can be found at http://salonaileen.nl/#massage: when I here choose for a background picture via de module itself, it only changes the text part and the rest stays the current color.

I would like to have a background picture behind the whole module, not depending on what is in the module like a table or whatsoever.

Mark

Hi

Since this module has an unique id You can use code like this:

Code: Select all

#massage {
background: rgba(0, 0, 0, 0) url("../images/bg.jpg") repeat scroll 0 0;
}


Dear Teitbite, this solution works fine for me! Thank you!

Hi

Great to hear it Happy I could help.