Buy me a coffee

Gallery Slideshow: Move Description to right of image

To move Description to right of image in Gallery Slideshow

Gallery Slideshow Move Description To Right Of Image 1 Min

#1. All Slideshows
You can use this code to Custom CSS box.

@media screen and (min-width:768px) {
  figure.gallery-slideshow-item {
    display: flex;
    align-items: center;
    flex-direction: row !important;
}
figcaption.gallery-caption.gallery-caption-slideshow {
    position: static;
    max-width: unset !important;
    width: 50%;
}}

Gallery Slideshow Move Description To Right Of Image 2 Min

Result

Gallery Slideshow Move Description To Right Of Image 3 Min

#2. Specific Slideshow
First, you need to find Slideshow ID.
In my example, it is: section[data-section-id=”6707a04e0b698b4fb4bd8f3e”]

Gallery Slideshow Move Description To Right Of Image 4 Min

Next, use CSS code like this

@media screen and (min-width:768px) {
  section[data-section-id="6707a04e0b698b4fb4bd8f3e"] {
  figure.gallery-slideshow-item {
    display: flex;
    align-items: center;
    flex-direction: row !important;
}
figcaption.gallery-caption.gallery-caption-slideshow {
    position: static;
    max-width: unset !important;
    width: 50%;
    }}}

Gallery Slideshow Move Description To Right Of Image 5 Min