right aligning the thumbnails

Corey Ellis's Avatar

Corey Ellis

15 Jan, 2019 03:26 PM

Hello. I've tried messing around with the css and js options and I can't seem to fight combinations of things to get these thumbnails to be right aligned in their container vs centered https://m1b.wpengine.com/projects/bogle-cold-storage-warehouse/

  1. Support Staff 1 Posted by Dmitry Semenov on 15 Jan, 2019 05:49 PM

    Dmitry Semenov's Avatar

    Hello,

    Thumbnails can be either left aligned or centered.

    If you need manual alignment, but don't need scrolling: use controlNavigation:"tabs" JS option and define markup like this:

    <div class="royalSlider rsDefault">
      
      <!-- slide 1 -->
      <div class="project-slide">
        <picture>
            ...
          <img src=" ..."/>
        </picture>
        <div class="rsTmb">
           <img src="thumbnail.jpg" />
        </div>
      </div>
    
    </div>
    

    Unlike thumbnails, tabs can be moved and styled however you wish, since they don't have scrolling logic.

    Also, if you're using picture element, avoid adding rsImg class.

    And avoid blinking title/menu icon, bump their z-index.

  2. 2 Posted by Corey Ellis on 15 Jan, 2019 08:27 PM

    Corey Ellis's Avatar

    Thanks. So what I need is the client wants some vertical images and some horizontal images. WIth the vertical ones, they want them to center but the horizontal ones go full width. That was my solution to that problem. What do you suggest instead?

  3. Support Staff 3 Posted by Dmitry Semenov on 15 Jan, 2019 10:11 PM

    Dmitry Semenov's Avatar

    You may partly implement it via CSS https://codepen.io/dimsemenov/pen/jhsJL , not sure if that's exactly what you need...

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac