Slider – Images not entirely shown

Home Forums Construction Pro/Build Forum Slider – Images not entirely shown

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #90911
    Wim
    Member
    • Topics: 5
    • Replies: 10
    • Total: 15
    Member since: July 23, 2016

    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;}

    #90938
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    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

    #90939
    Wim
    Member
    • Topics: 5
    • Replies: 10
    • Total: 15
    Member since: July 23, 2016

    Hi Shri,

    maintenance extended ! 🙂

    Thanks for chekcing.

    #90958
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Brad

    #90981
    Wim
    Member
    • Topics: 5
    • Replies: 10
    • Total: 15
    Member since: July 23, 2016

    Hi,

    website : http://www.peetersverandas.be

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

    thanks

    #91068
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    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).

    #91083
    Wim
    Member
    • Topics: 5
    • Replies: 10
    • Total: 15
    Member since: July 23, 2016

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

    #91123
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

    Kindly use slider image size 1400x521px.

    Regards,
    Brad

    #97004
    Wim
    Member
    • Topics: 5
    • Replies: 10
    • Total: 15
    Member since: July 23, 2016

    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;}

    #97006
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    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

    #97011
    Wim
    Member
    • Topics: 5
    • Replies: 10
    • Total: 15
    Member since: July 23, 2016

    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

    #97014
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.