Hero Background Slideshow

Hello,

I am looking to achieve a hero section with a background slideshow.

1. Hero content (title, text, button) remains static
2. Images scroll behind hero content

We are asking how to make it. If it is possible with any Pagebuilder addons or configurations. Because we are asking "how" or "if" it is possible - we would not have screenshots or a video of it because it does not exist.

Imaging a hero. Now imagine the main image of the hero changes (1,2,3,) images. BUT, the text header and buttons stay the same and do not change.

Hi MW Dev.

Without CSS not possible, but not so difficult with using CSS.

Section settings:

1. Layout = Fluid
2. Cols = 12+12
3. Class name = home-slider-section

Add Slideshow addon with only bg images to the first col.
Add addons you need to the second col.

Then CSS magic

.home-slider-section .sppb-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1320px minmax(0, 1fr);
}

/* For SPPB 3*/
.home-slider-section .sppb-col-md-12 {
    grid-row: 1/-1;
    grid-column: 1/-1;
}
.home-slider-section .sppb-col-md-12:last-child {
    grid-column: 2/3;
}

/* For SPPB 5*/
.home-slider-section .sppb-row { /*correction of the wrong CSS when section is fluid*/
    margin-right: 0;
    margin-left: 0;
}
.home-slider-section .sppb-row-column:first-child { 
    padding: 0;
}
.home-slider-section .sppb-row-column {
    grid-row: 1/-1;
    grid-column: 1/-1;
}
.home-slider-section .sppb-row-column:last-child {
    grid-column: 2/3;
}

Ah, yes I would assume there are some currency transfer issues? What a headache governments make for people huh? Thanks for the assist above. If you like, drop your email here (delete later once I get) - and I'll add you as a contact - send a message for when things hopefully change or if there is some workaround?

Ah, yes I would assume there are some currency transfer issues?

Hi. Not only this. The very fact of such a currency transfer can endanger me from the authorities.

However, you can PM me on joomla.org. My nickname there is Pavel-ww.