Hi Zoki

By default the background image size of your template is set to 'cover'. This CSS property scales the background image to be as large as possible so that the background area is completely covered by the background image. To give the background image a fixed size which you can scale try adding the following to the Custom CSS field of your templates parameters where 100% is the image width scale (edit to taste)...

#body_bg {

    background-size: auto 100% !important;

}

Ciarán

Hi Ciarán

Thanks a lot for your help, its working well. Just to understand it a bit better,.. if i wouldnt use the custom css field, where exactly is this property set, i mean in which css file? would like to experiment a bit in general.

thank you again!
Zoki

Hi Zoki

The 'Custom CSS' field of your templates parameters adds the CSS inline in to the head of your template which ensures it is loaded after any of your CSS files giving it priority. If you wish to add the CSS to one of the existing CSS files then I would suggest adding it to the end of your templates nexus.css as this is loaded last.

Ciarán