Site logo

Archived topic

Moving image gallery

8 replies · Started by María on January 12, 2023

Viewing posts 1–9 of 9

Hello,

I want to do a moving image gallery in my web. It will be in home like a banner, but is not woocomerce ¿Con you recomend me some plugin or way to do this?

Thanks you

Best regards

Hello,

Ok, thank you so much!!

Hello,

Is posibble use one gallery like background?

Thanks

Best Regards

It is - but it is not easy :)

A few questions:

Where would this be displayed?
What would go over the background?
And are you using the Block Editor ?

Hello,

- Where would this be displayed? In the first banner on the top of my page.

- What would go over the background? I'm workink with vacation template. I want move image moving behind the house pictures.

- And are you using the Block Editor? Yes, I always use your template and plugin.

Thanks

Ok, so its a little tricky.
And i would need to see the site after the following steps if it needs tweaking.

1. Add a GB Container Block. This will be our parent block, it won't need any styling.
1.1 In Advanced > Additional CSS Class(es) add: has-slider-background

2. Inside the parent container, add:
2.1 another container block,
2.2 give it a CSS Class of is-slider
2.3 add the Slider inside this container

3. Inside the parent container and below our slide block, add:
3.1 another container block,
3.2 give it a CSS Class of is-overlay
3.3 this will be your overlay lay and your content goes inside.

NOTE: The Slide will define the height of the containers.

4, Add this CSS to your site:

.gb-container.has-slider-background {
    position: relative;
}
.gb-container.is-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0;
    z-index: 10;
}

Hello,

Ok, I'm thinking because I'm not sure about design.

I tell you if finally do it.

Thanks

Best regards

You're welcome

This archived topic is closed to new replies.