• Resolved muazii

    (@muazii)


    Hello
    I am having a following problem by image viewer. When I make a gallery and set it to be “Image viewer” in a preview mode arrows for next and previous image are displayed in the same line. But when I put this gallery on my page they are displayed one under another. Here is the link of the image where you can see the problem:

    https://s13.postimg.org/d72ux8iiv/Example.jpg

    I hope that someon can help me with this. Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author steveush

    (@steveush)

    Hi muazii,

    Do you have a url where I could see the issue live? This looks like a CSS conflict with your theme and I would need to see the actual page to resolve it.

    Thanks

    Thread Starter muazii

    (@muazii)

    Hello Steve,

    thank you for your interest in my problem hope you could be able to help me. Here is the link for my website with this gallery:

    https://artsinteza.ba/romsko-naselje-boric-kao-dio-mjesne-zajednice/

    Thank you in advance.

    Plugin Author steveush

    (@steveush)

    Hi muazii,

    This is actually due to Bootstrap’s CSS setting the label which shows the item count to display as a block element instead of its default inline. Adding the below CSS to the page should resolve the issue:

    .foogallery-image-viewer .fiv-count {
      display: inline;
    }

    How you decide to include this is completely up to you though. As an example you can add it to your sites style.css so it is enforced site-wide or you can add it on a per gallery basis using the Custom CSS option provided by FooGallery.

    I’ll include this fix in a future update to avoid this issue going forward but for now the above should resolve the problem for you.

    Thanks

    Thread Starter muazii

    (@muazii)

    Thank you a lot it works perfect ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Navigation (arrow) display problem with Image Viewer’ is closed to new replies.