Image Carosel With Fixed Text And Button Layer - Question | JoomShaper

Image Carosel With Fixed Text And Button Layer

J

Jesper

SP Page Builder 9 months ago

I have actually worked with SP Pagebuilder for many years, though a few years ago. The new SP Pagebuilder I am not a fan of. My question. I need to make a simple image carosel where I have fixed text and buttons ontop. There is none(what I have seen) of the in the section library that hold the text (it is always new text for each new image). Can you guide me in the right direction. Thanks

0
7 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181026

Hello Jesper,

Thanks for reaching out to us. You can achieve this by adjusting some settings and using custom CSS. If you share the URL of your website where you’re trying to implement this, I can provide you with the proper instructions to achieve the desired result.

Thanks!

0
J
Jesper
Accepted Answer
9 months ago #181170

Hi Ziaul Thanks for responding. My url is www.joomifix.dk you can find access in hidden string. please feel free to modify.

Thanks again. /Jesper

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181198

Hello,

Could you please check this? You might want to try it this way.

Thanks,

0
J
Jesper
Accepted Answer
9 months ago #181363

Hi Ziaul Thanks for your response. I think there is a misunderstanding in what I am looking for. If you look at the link in the hidden section. Then the sliding images does not "renew" or "take out & bring in again" the test on the slide. That means that the test is fixed on the sliding carosel, and that is what I am looking for.

kind regards

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181388

Hello,

To achieve this, use the Slideshow addon. First, add your slideshow slider item, then include inner Slider Content Item, See screenshots. Finally, apply CSS by navigating to Slideshow -> Style -> Custom CSS.

#addonWrapper .sppb-sp-slider-title {
    animation: unset;
    transition-property: unset !important;
    opacity: 1 !important;
    transform: unset !important;
}

Thanks

0
J
Jesper
Accepted Answer
9 months ago #181594

Thanks for the code, much appreciated.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181611

You are welcome.

0