Put a container with an image overlay on top of 2 images

  • Resolved virtnet

    (@virtnet)


    7 months, 1 week ago

    Hello dear GP Team,
    I’m wondering if it is possibile to achieve this kind of result using GP
    https://i.postimg.cc/Dyc37tZp/121222.png
    I have tried to achive it but I faced with some problems.
    When I try to use margin on the VS container it moves the images with it.
    Or when I try to use images as background it doesnt show them.

    I made this stracture:
    Container:
    -Container
    –Pagaragraph for text VS
    -Grid 2*1
    –Container
    —Image
    –Container
    —Image

    Thank you in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support ying

    (@yingscarlett)

    Hi there,

    I would create a structure like this instead:

    - container
  -- grid
    --- container a
    --- container b
       ---- image
    --- container c

    https://app.screencast.com/5kmCcsofFPAU1

    container A settings: width 33.33%, height:100%, margin-right: -50%, background image, min-height:300px.

    container B settings: width 33.33%, height: 100%, z-index:1, position:relative, display:flex, flex-direction: columns, align-items: center, justify-content:center.

    container C settings: width 33.33%, height: 100%, margin-left:-50%,background image.

    Thread Starter virtnet

    (@virtnet)

    Thank you Ying so much! brilliant solution!

    Plugin Support ying

    (@yingscarlett)

    You are welcome ? ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Put a container with an image overlay on top of 2 images’ is closed to new replies.