-
I run into this issue a lot and just wanted to see what the recommendation is from you guys. 80% of the sites I develop usually need some kinds of rotating hero image at the top of the homepage. Many require a static layer , so the images cycle through under one message that stays visible. I prefer to not use heavy sliders with non-block interfaces like Smart Slider or Revolution Slider. The Block sliders I’m finding seem to be more like a carousel, and you can’t do a static layer. When I need to add a video hero, I use the GP recommended method where you add a container with some html and then some css and it usually works great. So my question is – Is there a similar method to achieve a slider like I mentioned above. If not, are there any vetted slider plugins that GP/GB recommends? It would be great to do this without a plugin is possible.
-
Hi there,
GB Pro 2.5 introduces a Carousel block, which should fit your use case:
https://generatepress.com/introducing-generateblocks-2-2-0-generateblocks-pro-2-5-0/It’s currently in a Release Candidate build. We’re aiming to release the stable version on Tuesday, December 9th. If you’d like to try it now, you can manually download the RC from your GeneratePress/GenerateBlocks account.
-
Amazing I will do this and see how it works. Thank you.
-
No problem! Let us know your thoughts, and feel free to reach out if you have any questions.
-
Hi Alvin – I’ve been testing out the carousel and it’s great. Is there a way to do a static layer where the text says the same and the slides rotate in the background?
-
Sure, you can do this:
- Wrap the Carousel Items block inside a Container, and add a Text block inside this container.
- Select the Container, set Position to Relative.
- Select the Text block, set:
- Width and Height to fit-content
- Position to Absolute
- Z-Index to 1
- Inset to 0 on all sides
The final structure should look like this: https://cln.sh/6ccPzjMWQtQTBl2W8jtZ
-
OK! I was able to get this working but the last thing that is confusing me, is how to get the slide backgrounds to be such that they remain a minimum height as the screen size gets smaller, so that the text in the static image remains visible. I understand the minimum height concept in general but in this case I can’t get it to all work nicely together as a unit. My image gets smaller behind my static layer that stays the same size. I’m not sure where to set the height of the images in the slide or how that is setup relative to the text and whether to do it on my carousel as a whole, in the carousel item, in the container I have setup that contains an image and a minimum height – within those or all three. I keep trying different things but I don’t want to mess up what I have set so I thought I would ask.
-
Do you have the carousel with the issue live on your site? I don’t see it on the page you linked.
If you can link me to it, I can check the issue directly and advise based on your current setup.
-
I figured it out – i had another question, but I’ll put it on my other thread, Thank yoU!
-
Sure, glad to hear that! 🙂
- You must be logged in to reply to this topic.