Background image for slider and rows

[andrea.juelich]

andrea.juelich

July 22, 2015 at 10:40 am

Hi,
I have two problems that are somewhat similar, they are about a background image/pattern.
On my homepage slider, I have set a background image in the main slider options and this image has exactly the same height as the grid height. It is set to repeat-x and contain. Still, the image is cut off at the bottom and you don’t see everything. The same thing I have while tryng to set (the same) image as a background image for a row.
The carousel that is in the row has the same height as the row background image and still at smaller screen sizes the background image is cut off at the bottom.
I have tried all different settings like bacckground-size:cover, contain, 100% 100%, repeat-x, etc but nothing seems to work right.
With the slider I have also tried to set the image as a static layer instead of a general background image, giving it a z-index of 2, but this way the image is scaled down a lot and loses much quality, and I can’t have it repeat-x. I am really at a loss trying to figure these out…

Thanks for any help,
Andrea