Regarding the Nectar Slider on the homepage... I've tried all sorts of different size images, as well as full width and boxed layouts but when the images appear in the site slider, the whole image never shows... it's always cut off somewhere. Some are cut off at the top and bottom, others are cut off at the sides:
I created the home page using the visual composer and checked all the settings I can think of in the theme options but still no joy. Can you think of anything I might be doing wrong so the whole image shows on the slider.
I am afraid some cropping will occur cuz the background is using the cover method . Which in normal term means it always covers the whole area and therefore crops some part of the image.
In Contain method you will see some blank spaces. You can try the below css to check if contain option works out for you:
Does this mean there will always be some blank spaces no matter what size the images are? Some images fitted nicely width wise and others fitted nicely height wise so I tried making all the images to a combination of those heights and widths but now they all have spaces above and below where before some only had spaces at the sides.
Hi :)
1. What size should I upload images for the Nectar Slider? You can see they are not quite fitting.
2. How can I stop the featured image showing on the general Blog page here:
http://www.webcrew.com.au/dev/bbb/bbb-blog/
Best regards
Sharlene
Hey Sharlene!
1: We are using 1980 by 735 px to support upto Retina display . You can however choose any size that works for your viewers.
2: Add this into the Custom CSS box located in your Salient Options panel:
.blog .post-featured-img { display: none; }
Cheers
ThemeNectar Support Team
Hi Tahir
Thanks again.. I've got the Blog pages sorted.
Regarding the Nectar Slider on the homepage... I've tried all sorts of different size images, as well as full width and boxed layouts but when the images appear in the site slider, the whole image never shows... it's always cut off somewhere. Some are cut off at the top and bottom, others are cut off at the sides:
http://www.webcrew.com.au/dev/bbb/
I created the home page using the visual composer and checked all the settings I can think of in the theme options but still no joy. Can you think of anything I might be doing wrong so the whole image shows on the slider.
Thanks
Sharlene
Hey Sharlene!
I am afraid some cropping will occur cuz the background is using the cover method . Which in normal term means it always covers the whole area and therefore crops some part of the image.
In Contain method you will see some blank spaces. You can try the below css to check if contain option works out for you:
div.swiper-slide { background-position: center; background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; }
Cheers
ThemeNectar Support Team
Hi Tahir
Does this mean there will always be some blank spaces no matter what size the images are? Some images fitted nicely width wise and others fitted nicely height wise so I tried making all the images to a combination of those heights and widths but now they all have spaces above and below where before some only had spaces at the sides.
Also, is it maybe possible to have the spaces white instead of black in the same way the home slider has a background color.
Sharlene
Hey!
Add this into the Custom CSS box located in your Salient Options panel:
div.swiper-slide { background-position: center; background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-color:#fff !important }
Cheers
ThemeNectar Support Team