Site logo

[Support request] Moving image gallery

Home Forums Support [Support request] Moving image gallery

Home Forums Support Moving image gallery

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2492673
    María

    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

    #2493058
    David
    Staff
    Customer Support

    Hi there,

    maybe this one ?

    https://wordpress.org/plugins/ml-slider/

    There are a lot too choose from but that one is a little bit lighter then the others i tried.

    #2497228
    María

    Hello,

    Ok, thank you so much!!

    #2497278
    María

    Hello,

    Is posibble use one gallery like background?

    Thanks

    Best Regards

    #2497314
    David
    Staff
    Customer Support

    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 ?

    #2497356
    María

    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

    #2497482
    David
    Staff
    Customer Support

    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;
    }
    #2506890
    María

    Hello,

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

    I tell you if finally do it.

    Thanks

    Best regards

    #2507089
    David
    Staff
    Customer Support

    You’re welcome

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.