Image align

mantz's Avatar

mantz

04 Feb, 2019 03:28 PM

Hi Dimitri
I would like to have the slider images align left. (no problem so far as I un checked the box) Now fullscreen images are glued to the top left edge. I would like to have align left in normal mode and align center in fullscreen mode.
Best Gerhard

  1. Support Staff 1 Posted by Dmitry Semenov on 04 Feb, 2019 07:43 PM

    Dmitry Semenov's Avatar

    Hello,

    In fullscreen slider root element gets class rsFullscreen, you may use it to apply different CSS styles to .rsImg element.

    This also might be handy - http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-...

    Dmitry

  2. 2 Posted by mantz on 05 Feb, 2019 08:51 AM

    mantz's Avatar

    Hi Dimitry,

    thank you for your help.

    with rsFullscreen I manage to zero the margin on fullscreen and set the
    fullscreen image to the left.

    How would I manage to align the _normal screen_ to the left and keep the
    fullscreen centered?

    Best regards,

    Gerhard

  3. Support Staff 3 Posted by Dmitry Semenov on 05 Feb, 2019 11:16 AM

    Dmitry Semenov's Avatar

    You may disable image scale mode and image align center entirely and implement centering purely via CSS, here is example https://codepen.io/dimsemenov/pen/jhsJL

  4. 4 Posted by mantz on 05 Feb, 2019 11:46 AM

    mantz's Avatar

    Hi Dimitry,

    you made my day. Thank you so much for your help.

    Best regards,

    Gerhard

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