[Resolved] Offset image inside container

Home Forums Support Offset image inside container

  • This topic has 3 replies, 2 voices, and was last updated 4 weeks ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1419487
    Eric

    Hi GP Team,

    Pardon the poorly written explanation, I created a short explainer video to help. But I’m trying to offset an image within a container and was able to achieve what I was going for on the backend, but when I preview the page on the frontend, the image doesn’t offset as shown in the backend editor.

    Here’s the explainer video for additional context and visual examples: https://share.vidyard.com/watch/g3sjSmq1GxKDPSDkxkAJtb?

    Please let me know if you have any ideas on how to solve my issue or if you have a better way to accomplish the look I’m going for. Many thanks!

    I’m much savvier with Elementor and just getting my feet wet with using GP/GB so I’m experiencing a bit of a learning curve, but I’m looking forward to getting up to speed with GP/GB and reaping the performance rewards.

    Cheers

    #1419608
    Tom
    Lead Developer
    Lead Developer

    Hey Eric,

    Instead of messing with margins, you may want to play with a gradient: https://www.screencast.com/t/tmeJesXYVfF

    If you give it a vertical gradient (90deg) and set your two colors, you can then use the stop positions to choose when the colors change. For example, setting both to 75 will make the colors switch at 75% of the container.

    Let me know 🙂

    #1419635
    Eric

    That’s a great tip, Tom! I’ve got a lot to learn.

    Worked like a charm.

    Thank you!

    #1420743
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.