Tagged: background image, slider
Hello,
If we add a background image for the main content (http://www.virtuozo.fr/enfold-1.jpg) the background image in the fullwidth slider can not strech to fit (http://www.virtuozo.fr/enfold-2.jpg) > http://www.virtuozo.fr/enfold-3.jpg
But if we dont’ add background image for the main content, all is fine for the fullwidth slider.
Can you help us ?
Thanks.
Any answer ?
Hi,
Sorry for the delay, it is my fault.
The background image can only be used when the theme is in boxed layout. There is no background image in stretched layout. So in a boxed layout a full width slider will not be able to be full width but only as big as the boxed layout. When there is no background image (stretched layout) the layerslider can also stretch fully.
You can include a background image via css yourself.
Try adding the css code below to Quick CSS located in Enfold > (Theme Options) > Layout Styling … the text area on the bottom of the page… or you can add the code below to /css/custom.css at the end of the file:
.bg_container {
background-image: url(https://enfold2.dev/wp-content/themes/enfold/images/background-images/floral-dark.png);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
position: fixed;
z-index: 0;
top: 0;
left: 0;
}
You can use your own image ofcourse.
And in the backend, set to no background image.
Thanks,
Nick
Hello Nick,
Ok thanks !
Glad Nick could help :)
Let us know if you have any other questions or issues.