0

I am using light gallery.

http://sachinchoolur.github.io/lightGallery/demos/

I want to the position of thumbnails to be at the top instead of bottom. Anyone encountered such an issue? Please help me.

Chamilyan
  • 9,347
  • 10
  • 38
  • 67
Ali Zia
  • 3,825
  • 5
  • 29
  • 77

1 Answers1

0

its easy with css (ofc you can do with js/jquery or even editing source file).

add this line of css in your stylesheet or the plugin style sheet in very last line:

.lg-outer .lg-thumb-outer {top:0 !important;bottom: auto !important;}

Colin Cline
  • 1,291
  • 1
  • 12
  • 25
  • I tried this myself as well but the issue is that the top bar then overlaps with thumbnail area. – Ali Zia Dec 04 '17 at 07:10
  • 1
    Same thing happens when the thumbnails are in bottom. When you pull up the thumbnails from bottom to the top they just overlap some buttons like zoom, auto play and so on. To fix that issue you can add `.lg-outer .lg-thumb-outer {top:50px !important;bottom: auto !important;}` instead top one. – Colin Cline Dec 04 '17 at 07:19