Home Forums SEA HTML5 Template Limit image dimensions on horizontal scroll gallery

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #24368
    Watson1110
    Participant
    Purchased
    Supported

    Hi,

    Is there an easy way to reduce the size of the images in the scroll gallery for desktop? I have changed the image sizes which does shrink the images, however they are no longer centered and with huge spaces between.

    Thanks

    #24372
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Please try to add CSS in this page:

    @media (min-width: 768px) {
     .pin-spacer .single-image {
        max-width: 80%;
     }
    }

    If it doesn’t work, please leave the issued webpage URL, thanks


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24527
    Watson1110
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #24531
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Please update the css, it will not work for the mobile:

    @media (orientation:landscape) {
     .bm-wrap-horizontal .single-image-img {
      position: relative !important;
     object-fit: contain;
     height: auto !important;
     max-height: 50vh;
     margin-top: 25vh;
     }
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24538
    Watson1110
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #24542
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    The margin-right will not work.
    The CSS will make the images bigger:

    .bm-wrap-horizontal .single-image-img { 
        max-height: 90vh;
        margin-top: 5vh;
    }

    This layout make one image to to stay within one screen
    It is not possible to adjust them too close. Except the image will be cropped by the CSS:

    .bm-wrap-horizontal .single-image-img { 
        object-fit: cover;
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!