Hero Background Slideshow - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Hero Background Slideshow

MD

MW Dev

Helix Framework 2 years ago

Hello,

With any of the Pagebuilder addons is it possible to acheive a hero with static content (title, text, button), but background images that function like a slideshow?

Thanks

0
10 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #131741

Hi

Thanks for contcating us. Could you please give me any demo/example of your issue?

-Regards.

0
MD
MW Dev
Accepted Answer
2 years ago #133625

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
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #133696

Could you please give me any screenvideo/ screenshot of it?

0
MD
MW Dev
Accepted Answer
2 years ago #133716

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.

0
Pavel
Pavel
Accepted Answer
2 years ago #133731

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;
}
0
MD
MW Dev
Accepted Answer
2 years ago #133739

Pavel - great solution - thanks. Didn't think about that approach. Meanwhile, are you interested in some free lance work? We have some immediate and ongoing needs. If so, let me know how to contact you.

0
Pavel
Pavel
Accepted Answer
2 years ago #133748

Hi. Thanks for the offer. Unfortunately, this is not possible at the moment. I'm from Russia... :( Can be in the future when Russia becomes free

0
MD
MW Dev
Accepted Answer
2 years ago #133754

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?

0
Pavel
Pavel
Accepted Answer
2 years ago #133774

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #133795

Hi

Thanks Pavel for helping him.

MW Dev, if you dont have any queries you can then close this post by accepting the answer.

0