Loading images under each other on mobile phones

  • Resolved aager

    (@aager)


    5 years, 10 months ago

    Hi,
    you have made a very useful and nice plugin! Thank you.
    When using the “jastified” option, is it possible to load images under one another on mobile phones, instead of next to each other two and two, perhaps with css?

    Thank you,
    Jens

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author grandwp

    (@grandwp)

    5 years, 10 months ago

    Dear @aager,

    Please, name the device you are using for us to understand how to do it. We have checked on IOS devices and the images you have are listed under each other.

    Plugin Author grandwp

    (@grandwp)

    5 years, 10 months ago

    Dear @aager,

    Please, also check the following:
    find this file: photo-gallery-image\resources\assets\js\frontend\unitegallery.js

    search for this line:var htmlThumb = "<div class='ug-thumb-wrapper" + classAddition + "' " + thumbStyle + "></div>"; must be line 2848
    and replace it with this one:
    var htmlThumb = "<div class='your_class ug-thumb-wrapper" + classAddition + "' " + thumbStyle + "></div>";
    You can add any class here in the beginning.

    And add the CSS rules below to this file:
    photo-gallery-image\resources\views\frontend\view-0.css.php

    .your_class {
   width: 350px !important;
   height: 350px !important;
   float: left !important;
   position: relative !important;
   left: 0px !important;
   margin: 5px !important;
}
    .your_class img {
   width: 350px !important;
   height: 350px !important;
   float: left !important;
   position: relative !important;
   left: 5px !important;
}

    By doing so, it will work in the way you want it to, besides you can make other CSS changes here as well.

    Hope this helps
    If any help needed let me know

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Loading images under each other on mobile phones’ is closed to new replies.