-
Hi,
After updating to 1.1.2 my frontpage slider is acting differently. The images I show are somehow scaled differently, I’ve tried changing the sidebar settings (contained / scaled / cover) but can’t see any differences between these settings. Any elaboration on how these are supposed to work? Any way of rolling back to the previous method of showing images in the slider?
I was trying to manually override CSS styles to fix the problem, but I can’t find the rules that are responsible for this behavior. When the slider is loaded it’s pretty big and then gets resized somehow, don’t know if it’s javascript or css. Any ideas?
I think I found it, it is caused by CSS fortunately. Probably because you cannot configure your sidebars in 1.1.2, so ‘paralax’ is the default. Use this is your custom CSS (theme options -> design)
.background-parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }(the trick was removing: height: calc( 100vh / 4 + 100% );)
I also noticed that somehow the Slider’s background is padded with top & bottom margin and left & right padding, creating a white outline of about 15px. Probably caused by some default styling for widgets, but not correct for full screen use. Use the following style to get rid of it.
.sidebar-full-screen .widget { margin:0 !important; padding:0 !important; }
You must be logged in to reply to this topic.