Image Viewer Navigation Position

  • Resolved athena1979

    (@athena1979)


    1 year, 6 months ago

    Is there a way to move the image viewer navigation from the bottom of the images to the top please?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support elviiso

    (@elviiso)

    Hi @athena1979

    The following CSS should do the trick:

    #foogallery-gallery-18 .fiv-inner {
    display: inline-flex;
    flex-direction: column-reverse;
}
#foogallery-gallery-18 .fiv-ctrls,
#foogallery-gallery-18.fg-border-medium .fiv-ctrls,
#foogallery-gallery-18.fg-border-thick .fiv-ctrls,
#foogallery-gallery-18.fg-border-thin .fiv-ctrls {
    border-bottom-width: 1px;
}
#foogallery-gallery-18.fg-border-thin .fiv-ctrls {
    border-top-width: 4px;
}
#foogallery-gallery-18.fg-border-medium .fiv-ctrls {
    border-top-width: 10px;
}
#foogallery-gallery-18.fg-border-thick .fiv-ctrls {
    border-top-width: 16px;
}

    In the code above, kindly replace “18” with the gallery ID of that particular gallery. The gallery ID is the numeric in the gallery shortcode.

    You should then add the CSS in the “Custom CSS” textarea of that particular gallery and save changes.

    Kind regards,
    Elvis.

    Thread Starter athena1979

    (@athena1979)

    Hi Elvis,

    That has worked a treat, thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Viewer Navigation Position’ is closed to new replies.