Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • March 1, 2019 at 4:56 am #1072864
    mritkuma99

    Hi, I am using layer slider for my homepage. I have put 4 images in that. But the height of the slider is coming more than the height of the screen. We have to scroll down to see the image. It is happening on every screen except the mobile. How should i fix it.
    Thanks

    March 2, 2019 at 10:12 pm #1073739
    Victoria

    Hey mritkuma99,

    What is the image height? You need to reduce it by at least 100px, maybe.

    Best regards,
    Victoria

    March 3, 2019 at 6:14 am #1073822
    mritkuma99

    I tried doing that in the slider setting section but that cropped my image. So the whole image was not coming out.

    March 5, 2019 at 10:27 pm #1075117
    Victoria

    Hi mritkuma99,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    March 6, 2019 at 4:19 am #1075233
    mritkuma99

    Ok

    March 9, 2019 at 3:14 pm #1076771
    Basilis

    Hi,

    I have added a CSS code so the image is not cropped.
    Hope this helps.

    Best regards,
    Basilis

    March 10, 2019 at 8:29 am #1076931
    mritkuma99

    Hi,

    The height of the image is still more than the height of the screen and you can see the top part of the image. It is still cropped.

    Thanks

    March 12, 2019 at 8:36 pm #1077954
    Victoria

    Hi mritkuma99,

    Could you please attach some screenshots of the issue?

    We do not know which part is cropped, we need to see what is missing.

    Best regards,
    Victoria

    March 13, 2019 at 4:37 am #1078086
    mritkuma99

    Hi Victoria
    Just look at the slider on the homepage. The top part is cropped. It can be seen clearly.
    I am not able to add screenshots.

    Thanks

    March 15, 2019 at 5:57 am #1078997
    Nikko

    Hi mritkuma99,

    Can you try setting the Slide Background Image’s size to Contain.
    You’ll see this under Slides when you edit the homepage layerslider.

    Best regards,
    Nikko

    March 15, 2019 at 11:29 am #1079073
    mritkuma99

    Hi Nikko

    I used contain but the width of my image changed. So there was a white space on the right and left of the image which I don’t want.

    Thanks

    March 18, 2019 at 8:52 am #1079773
    Nikko

    Hi mritkuma99,

    I have adjusted the test slider in this page (link in private content).
    Then in slider settings, I just set the canvass height from 400 to 600 so it adjust to the right height and width ratio of the image.

    Best regards,
    Nikko

    March 19, 2019 at 4:06 am #1080195
    mritkuma99

    Hi Nikko

    You fixed one issue. The image is not cropped now. But my main concern is still there. The height of the slider is more than the height of the screen. I want to fix that.

    Thanks

    March 19, 2019 at 5:22 am #1080209
    Nikko

    Hi mritkuma99,

    I think that’s difficult to achieve with respect to the height and width of the image you are using.
    Here are the options available:
    -Cover (pros: it covers the whole slider area with the image | cons: some part of the images will not be shown)
    -Contain (pros: makes sure that all parts of the image shows | cons: white spaces either on sides or top and bottom)
    -Stretch (pros: makes sure it covers the whole slider area with the image and all parts of the image shows
    cons: image is stretched or squeezed)
    I think in your case contain is the best option however the image needs to adjusted.
    Currently the image size is 1067 x 600px, if you can adjust it to 1067 x 480px then I think that will do it.
    Also looking in larger screens 1067px width is a bit too low and the image is a bit blurry, try to use atleast 1600px to make it sharper.

    Best regards,
    Nikko

    March 19, 2019 at 8:42 am #1080251
    mritkuma99

    Hi Nikko

    So can you please tell me the dimensions of the image that i should use to get the desired result?

    Thank you

    March 19, 2019 at 10:52 am #1080288
    Nikko

    Hi mritkuma99,

    Try using 1600 x 600px.

    Best regards,
    Nikko

    March 20, 2019 at 5:28 am #1080653
    mritkuma99

    Hi Nikko

    The image that I am having right now is 1920 x 1080

    March 20, 2019 at 3:34 pm #1080863
    Nikko

    Hi,

    Try using 1920 x 720px.
    Having a large enough image makes the image sharper on larger screens but the aspect ratio or proportion of the width and height of the image is important as well.

    Best regards,
    Nikko

    March 21, 2019 at 4:13 am #1081137
    mritkuma99

    Let me try adding that

    March 21, 2019 at 6:24 am #1081172
    Nikko

    Hi mritkuma99,

    Please do so and let us the results :)

    Best regards,
    Nikko

    March 21, 2019 at 11:36 am #1081339
    mritkuma99

    Is there any tool that i can use for it?

    March 21, 2019 at 1:17 pm #1081371
    Nikko

    Hi mritkuma99,

    Yes, any image editing software will do.
    There are also online ones that are free such as: https://www.canva.com/photo-editor/

    Best regards,
    Nikko

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