This topic contains 10 replies, has 2 voices, and was last updated by  [email protected] 1 month, 4 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #122781

    [email protected]
    Participant

    Hi Support,

    Everytime I try to set a featured image on the FEature Sliders, it always appear zoomed in and doesnt show the whole image that I have set. Im using a NepalBuzz Free version. I followed the theme instruction where it says
    Slider
    Width: 1920px
    Height: 880px
    But still it appears zoomed in when I set the featured imaged 🙁

    Thanks in advance for your help 🙂

    #122832

    [email protected]
    Participant

    May I know the correct size I should use?

    #122840

    tikaram
    Participant

    @ca2dm-rcsgmail-com : Please post in your site URL.

    Regards,
    Tikaram

    #123511

    [email protected]
    Participant

    HI,

    The site is this
    2dmaterials.nus.edu.sg
    As you can see the featured sliders images are all messy. It keeps changing depending on the browser’s view (desktop, laptop, mobile, etc)
    Can’t it be something like this?
    https://2dmaterials.nus.edu.sg/oii/ (it changes but only slightly, not too much cropped and zoomed in)

    Thanks in advance for the help!

    #123658

    [email protected]
    Participant

    hello, any help?

    #123697

    tikaram
    Participant

    @ca2dm-rcsgmail-com : This thread looks similar to the previous one : https://catchthemes.com/support-forum/topic/nepalbuzz-unresponsive-header-sliders/

    Although the slider images are responsive but they get cropped on mobile devices because they are used as background images. If you view the demo of the theme in desktop and mobile version you can find that some part of the background gets cropped on mobile devices. Let me know if you have any more issues with the theme.

    Regards,
    Tikaram

    #123764

    [email protected]
    Participant

    Hello, but the response of the images compared to the window is much slower?
    Can it be changed?

    #123783

    tikaram
    Participant

    @ca2dm-rcsgmail-com :Go to Appearance => Customize => Additional css and add the following css.

    .slider-image-thumbnail,
    #per-slide-template .thumbnail {
    	background-size: 100% 100% !important;
    	background-attachment:inherit !important;
    }
    @media only screen and (max-width: 565px) {
    #site-logo img{
     	max-width: 230px;
     }
    }

    Let me know how this goes.

    Regards,
    Tikaram

    #124246

    Thanks for the reply
    With the code, the height seems to be okay and more responsive now.
    However, the width seems to be stretched when viewing from desktop and a bit squeezed when viewing from mobile.

    Is it possible to set a code wherein the images will adjust simultaneously according to the window size?

    Or should I just the max-width?
    Thanks for the help.

    Sorry to bother, we just want the slider to display well since we put our highlights on them. Hopefully it works well on all viewport.

    Thank you so much

    #124261

    tikaram
    Participant

    @ca2dm-rcsgmail-com : I have tried to provide you the best possible solution to the problem as you can see the demo of the site as well where the background image gets cropped. It is not possible to set the background to adjust exactly as window size. Either it will be cropped or it will be squeezed. since its used as a background image as I mentioned it earlier. Its up to you to decide which ever design you choose to use. Sorry for the inconvenience and thank you for using our theme. Alternatively, you may hire customizer to get your site customized as desired.

    Regards,
    Tikaram

    #124343

    [email protected]
    Participant

    Thanks a lot, Tikaram!
    Yes,I did send an email to your customizer before but I did not receive a reply.
    But thanks again for your time and for the code.

    Have a good day ahead!

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.