Hi Marion

In your templates Custom CSS field you appear to have the following which is setting an image size across all screen sizes...

.vegas-slide-inner {

    background-size: 1800px auto !important;

} 

Removing this should resolve the issue.

Ciarán

Hi Ciaran,

no it doesn't really help. I tried that before...there is just another part of the picture visible, not the whole picture.

thanks, marion

Hi Marion

Sorry to say, presuming I understand you correctly, there is no way to achieve exactly what you wish. The background header image will always fill the entire screen. This means that this image will be cropped either vertically or horizontally depending on the screen size and orientation. As all screen sizes are different there is no across the board solution.

Ciarán

ok thats bad news, so I had to choose another solution...I installed the slidshow module which works exactly as I want it to have. but still there are 2 problems left...

1. see screenshot please. purple background should fill the complete width. no white space above picture.

2. pictures on all other sites (not the home site) are not resized correctly as on the slideshow module. please see second screenshot. the width is too small and there is too much space between picture and headline. I used pictures in an empty module.

I hope you can help again, thank you, marion
PS: upload screen shot does not work, I'll send it again by mail.

Hi Marion

1. To amend try adding the following to the Custom CSS field of your templates parameters...

.showcase img {

    margin: 0 !important;

} 

2. This appears to be caused by CSS coming from an 'acymailing' component...

img {

    margin-top: 20px;

    width: 40%;

} 

You can try overruling this CSS with the following Custom CSS...

img {

    max-width: 100%;

    width: auto;

} 

Ciarán

Hi Ciaran,

no sorry, no change at all :-(

regards, marion

Hi, Ciaran,

I found the problem and deleted the wrong code with 40% width...so problem solved, thanks a lot...