Support » Plugin: Simple Lightbox » Move navigation arrows

  • Resolved abollmeyer


    Is there a simple way to move the navigation arrows outside of the image area? I’m finding that people don’t realize they are viewing a slideshow.

    Just a suggestion, it might be worth it write a more detailed version of creating custom lightboxes. As a non-programmer, I’ve never been able to successfully follow the instructions on your site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Archetyped


    Hi, the arrows positioned within the lightbox to provide as much screen space to images (as outside arrows would force larger images to be downscaled to fit), but it’s completely possible for such a layout with a different theme.

    When you mention to “creating custom lightboxes” are you referring to lightbox themes?

    If so, then it’s worth noting that the theme development guides are indeed directed primarily at developers. Similar to developing a WordPress theme, lightbox themes do require a certain amount of familiarity with HTML, CSS, PHP, etc. That said, the introductory theme development guide does include a starter theme that you can download to follow along with the guides and poke around in to get a hands-on idea of how things work.

    If not, please provide more detail on what you are referring to and I’d be glad to take a look.


    Thread Starter abollmeyer


    Yes. I’ve read all of your topics on your website regarding custom themes. I’m more used to C# and WPF programming than HTML and WordPress.

    If you’re willing to help, I guess the first place to start is what to do after I create a custom theme so I can modify the lightbox properties, as referenced in Theme Layout? Where do I modify these properties at? This is where I start getting lost.

    Right now I’m set up on my test website using the dark theme. Maybe if you can point me in the right direction regarding properties, I might be able to make some headway. It seems like moving the navigation arrows outside of the image area should be relatively simple.

    • This reply was modified 3 years, 7 months ago by abollmeyer.
    Plugin Author Archetyped


    Hi, apologies for the delayed response. The lightbox’s UI properties are used as template tags that you can insert into a custom theme’s layout HTML file.

    For example, as noted in the “Example Usage” section of the tutorial, adding {{ui.close}} to your custom theme’s layout will output a close button in the lightbox where you’ve positioned it via the layout HTML and CSS.

    You can add other UI elements ({{ui.nav_next}}, {{ui.nav_next}}, etc.) to the layout HTML in the same way.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move navigation arrows’ is closed to new replies.