Adding border decenters images + moving caption out of image area

Phil's Avatar

Phil

06 Dec, 2019 04:26 PM

Hi!

I try to add a 10px border on .rsOverflow, but then the image gets moved and isn't centered anymore. Example:
https://www.dance-qweenz.ch/deutschschweiz/rueckblick/saison-2018/contest/
Do you have an idea what is wrong or how I can orevent that from happen?

And also if I may add a second question:
I moved the RGCaption with $('.rsGCaption').appendTo('.rsOverflow'); to the bottom of .rsOverflow, but it still is on top of the image. I couldn't find a way to place it beneath the image, so that it doesn't cover the image. Tried with appendTo, append, after,.. no luck. Maybe you have an idea?

Thank you for your help!
Great script by the way. I love it and have bought it many times.

  1. Support Staff 1 Posted by Dmitry Semenov on 06 Dec, 2019 07:20 PM

    Dmitry Semenov's Avatar

    Hello,

    You may apply the border only to the root element (.royalSlider), or to the content of slides itself. Also, if you apply any kind of padding to image - you'll need to center it manually via CSS http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-...

    Regarding the caption, this should help:

    $('.rsOverflow').after( $('.rsGCaption') );
    

    ... you'll need to adjust CSS aswell, as by default it's absolute-positioned. Default styling is applied from skin CSS file.

  2. 2 Posted by Phil on 13 Dec, 2019 01:57 PM

    Phil's Avatar

    Hi Dmitry!

    Thank you very much for the answer and the tipps. That helped a lot.

    Have a nice day!

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