target even/odd captions on fullscreen slideshow

Site URL: https://wisteria-panda-z2eg.squarespace.com/

pw: rotorrotor

Hi All,

On the landing page of my website is a fullscreen slideshow. I would like to have the .gallery-caption pop up on the right for odd images and on the left for even images.

Currently I align them to the right using:

.gallery-caption {
  margin-right: 0em;}

For odd images I simply want to define:

.gallery-caption {
  margin-left: 0em;}

My problem is that when I use .gallery-caption:n-child it turns out that child(2) refers to the caption of EVERY image, while child(1) refers to the fading between images.

Does anyone know how to do this right?

Thank You + Best,

Gregor

Hi there, you should select odd and even of caption parent

.gallery-fullscreen-slideshow-item:nth-child(even) .gallery-caption {
      margin-left: 0 !important;
    margin-right: auto !important;
}

Hi There!

Thank You!!

Yes, that does move it to the left. However it does it for every image. And whenever it fades to the next image it quickly jumps to the right and then back to the left. This leads me to believe, that somehow even parents refer to static images and odd parents refer to transitions.

What do you think?

Thank you again!

Best, Gregor