Change order on Testimonial Carousel - Forum | JoomShaper
Staff replied SP Page Builder

Change order on Testimonial Carousel

Asked by Diane 5 years ago Last activity 5 years ago

Is it possible to change the order of the sppb-testimonial-carousel-item-content div and the .sppb-testimonial-carousel-content-wrap div so that the image and heading (content-wrap div) appear above the text (item-content div)

https://dianec13.sg-host.com/design-build-ship-3

Also, it is possible to prevent the carousel from repeating when it gets to the last slide?

7 replies

Toufiq Senior Staff

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please share a screenshot of your issue? If possible please share a sample that you want.

Note: Our support policy is fully prohibited customization support.

-Thanks

Toufiq Senior Staff

Give me your site administrator access & FTP access to check the issue. Not sure it will be possible. Thanks

Diane Asked this

Credentials Provided

Toufiq Senior Staff

I have added this css code inside the custom.css file. Please check now.

.sppb-carousel-extended-item {
  position: relative;
  float: left;
  display: flex;
  flex-direction: column-reverse;
}

-Thanks

Diane Asked this

Great, thank you! I noticed that the arrows on the left and right get cut off when I size down my desktop browser window, and on my phone. Can this be fixed?

Toufiq Senior Staff

Hi there, Please check now. I have added this css code inside the custom.css file.

@media screen and (max-width: 900px) and (min-width: 320px) {
.sppb-carousel-extended-nav-control .nav-control.prev-control {
    float: left;
    margin-left: -34px;
}
.sppb-carousel-extended-nav-control .nav-control.next-control {
    float: right;
    margin-right: -34px;
}
}

-Thanks

Log in to reply.