Slider – Images not entirely shown

[Wim]

Hi all,

just looking for some advice to allow my images to show up correctly in the slider. Today they’re being ‘cut off’ in middle…. only half of the image is shown.
I have already resized images to 50% or even less to have it fit into the slider px…but no luck…
So looking for some guidance to make them appear 100%.
Thanks

webiste : peetersverandas.be

my custom css for now :

.innerbanner{display:none;}
.nivoSlider { height:700px;}
.nivoSlider { width:700px;}
@media screen amd (max-width:1023px){
.nivoSlider { height:700px;}
}

.slide_info h2 span{font-size:45px;}
.post-comment { display:none !important;}
.single.blog-post-repeat .postmeta { display:none !important;}
.archive h1.entry-title, h1.page-title { display:none;}

[Sonl Sinha]

Hi,

Your 1 year support and re-access for theme has expired. To continue receiving theme updates/access and support for another year kindly subscribe for just $18: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=E6MFAFM4T6RDL

Once paid we will again renew your support for 1 year and you will also receive theme updates/access as and when they happen.

Regards,
Shri

[Wim]

Hi Shri,

maintenance extended ! 🙂

Thanks for chekcing.

[Sonl Sinha]

Hi,

Okay, Kindly show us your website URL so that we can assist further.

Regards,
Brad

[Wim]

Hi,

website : www.peetersverandas.be

See also original post – cause some custom css code was already provided by Shri last year.

thanks

[Sonl Sinha]

Your website is not loading properly. After a few seconds it says:

“The connection has timed out”.

Do you need hosting? Will adjust the $18 in that package for 1 year of hosting for just $60 (in case you are interested).

[Wim]

Hi, I have no problems reaching the website/loading it… It loads just fine.
And I’m okay, no need for hosting. Thanks.

[Sonl Sinha]

Hi,

Kindly use slider image size 1400x521px.

Regards,
Brad

[Wim]

Hi, it’s still not showing OK… I added a picture which I resized to canvas : 1400x521px to keep aspect ratio of the original picture – and it’s not showing OK.

As mentioned, custom code was added – I presume this ‘contradicts’ with the above answer from brad (1400x521px)?

.innerbanner{display:none;}
.nivoSlider { height:700px;}
.nivoSlider { width:700px;}
@media screen amd (max-width:1023px){
.nivoSlider { height:700px;}
}
.slide_info h2 span{font-size:45px;}
.font-family: ‘Mina’, sans-serif;
.post-comment { display:none !important;}
.single.blog-post-repeat .postmeta { display:none !important;}
.archive h1.entry-title, h1.page-title { display:none;}

[Sonl Sinha]

Hi,

Okay, Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Brad

[Wim]

Hey, yes, here’s one – https://i.imgur.com/2SxbyyM.png – it’s the last image in the slider – canvassed to 1400×521 – but picture retains it’s own size within the canvas.
As you can see, there’s a ‘white banner’ below it… not entirely filling up the slider
Thanks

[Sonl Sinha]

Hi,

You can go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

Find

.nivoSlider { height:700px;}
@media screen amd (max-width:1023px){
.nivoSlider { height:700px;}
}

And replace

.nivoSlider { height:521px !important;}
@media screen amd (max-width:1023px){
.nivoSlider { height:auto;}
}

Regards,
Brad

[Author]

Posts