Hi! I'm having an issue with the Home Page Slider. No matter what size image I upload, I'm getting a black gap below the slider image. If I go into the settings and manually change the height to something gigantic like 2000px, it goes away. Until I scroll down, then back up, then it's back. I also tried changing the background color from black to white so it matches the background of the div below, thus making the gap "invisible." But, for some reason, even when I change the background color to white, or red, or anything else, it still shows up as black. Why am I unable to overwrite this background color?
Basically I just want to remove the gap between the slider and the div below. The only fix I found was to enter custom CSS that increases the negative margin on #featured. But that seems like a pretty roundabout way of accomplishing something that should be pretty simple.
Please try using the Flexible Slider Height option in Nectar Slider.
Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 1600px width - this will ensure the scaling is perfect with no clipping. To find the correct height for your images use this: http://andrew.hedges.name/experiments/aspect_ratio/ . The default width for images is 1600px so for example a image that is 1904 x 738px would be converted to 1600 x 620px if scaled down. Therefore slider height would be set to 620 px .
The flexible slider height option makes the Nectar Slider respond perfectly to ensure there\'s no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
Thanks
Hi! I'm having an issue with the Home Page Slider. No matter what size image I upload, I'm getting a black gap below the slider image. If I go into the settings and manually change the height to something gigantic like 2000px, it goes away. Until I scroll down, then back up, then it's back. I also tried changing the background color from black to white so it matches the background of the div below, thus making the gap "invisible." But, for some reason, even when I change the background color to white, or red, or anything else, it still shows up as black. Why am I unable to overwrite this background color?
Basically I just want to remove the gap between the slider and the div below. The only fix I found was to enter custom CSS that increases the negative margin on #featured. But that seems like a pretty roundabout way of accomplishing something that should be pretty simple.
Let me know if you have any advice. Thanks!
-Mike.
Hey,
Please try using the Flexible Slider Height option in Nectar Slider.
Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 1600px width - this will ensure the scaling is perfect with no clipping. To find the correct height for your images use this: http://andrew.hedges.name/experiments/aspect_ratio/ . The default width for images is 1600px so for example a image that is 1904 x 738px would be converted to 1600 x 620px if scaled down. Therefore slider height would be set to 620 px .
The flexible slider height option makes the Nectar Slider respond perfectly to ensure there\'s no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
Thanks
ThemeNectar Support Team