Centering a complex slide

sclouet's Avatar

sclouet

14 Oct, 2012 01:50 PM

Hi Dmitry,

I have a slide which has a resizable image and 2 fixed images
I can't manage to center this slide in the slider, only the resizable image is centered.
I mean the 2 fixed images are out of the slider on small screens.
Here is the url (it's the first slide) : http://dev.pepkarsten.com/

Thank you for your help,

Sebastien

  1. Support Staff 1 Posted by Dmitry Semenov on 14 Oct, 2012 02:17 PM

    Dmitry Semenov's Avatar

    Hi,

    For some reason I don't see what you want to center on first slide, can you point me in right direction? Or have you already fixed the issue.

    Very nice site btw.

    Dmitry

  2. 2 Posted by sclouet on 14 Oct, 2012 02:28 PM

    sclouet's Avatar

    Thanks for the kind words Dmitry.

    Unfortunately i'm still struggling with this issue.
    On the first slide, when you reduce the browser window to simulate a small screen, the resizable image (containing the title and the text paragraph) is resized but the 2 unresizable images underneath (contact and facebook logo) are out of the slider.

  3. Support Staff 3 Posted by Dmitry Semenov on 14 Oct, 2012 03:23 PM

    Dmitry Semenov's Avatar

    Oh, you mean height. Well, you may remove rsImg class from main image so slider won't apply any styles to it. And then set custom styles to it via CSS. Resizing on smaller screens you may control via CSS media-queries.

    Dmitry

  4. 4 Posted by sclouet on 14 Oct, 2012 03:45 PM

    sclouet's Avatar

    I thought there was a way for royalslider to do it.
    Anyway thanks for the media-queries advice.

    Sebastien

  5. Support Staff 5 Posted by Dmitry Semenov on 14 Oct, 2012 06:41 PM

    Dmitry Semenov's Avatar

    By the way, I recenty updated plugin to 9.2.5 with improved keyboard navigation, might be useful for your site. Here more info - http://help.dimsemenov.com/discussions/problems/666-how-to-make-roy...

    Dmitry

  6. 6 Posted by sclouet on 14 Oct, 2012 09:47 PM

    sclouet's Avatar

    Great! That was in my suggestions list.
    Thanks for reading in my mind, hehe.

    Sebastien

  7. 7 Posted by sclouet on 16 Oct, 2012 10:26 PM

    sclouet's Avatar

    In case you want to have a look, the website is finished:
    http://dev.pepkarsten.com/

    Cheers
    Sebastien

  8. Support Staff 8 Posted by Dmitry Semenov on 17 Oct, 2012 06:15 AM

    Dmitry Semenov's Avatar

    Thanks for sharing. Looks cool.

    Just imo that top arrow in borrom right corner more looks like "show more info about photo" then "go to first slide", maybe at tooltip or more appropriate icon.

    Also, not sure about hiding all controls on devices without fullscreen support, as it's hard to go to first slide.

    Dmitry

  9. 9 Posted by sclouet on 17 Oct, 2012 07:20 AM

    sclouet's Avatar

    Yes you're right, I will rethink these 2 points.
    Thanks for sharing your thoughts

    Sebastien

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