Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 9, 2024 at 3:32 am #1429607
    MikeTandySwag

    Hi,
    How can I have the Background Overlay image Aligned at the bottom?

    Ultimately my goal is to have a gradient come up from the bottom. If you know another way to do this I’d love to hear it!

    Thanks!

    January 9, 2024 at 4:45 am #1429608
    Ismael

    Hey MikeTandySwag,

    Thank you for the inquiry.

    The overlay is already aligned at the bottom, but if you need to make further adjustments, you can try using this css code.

    .avia-section.av-rk2b-b60529e4fd7ee3da92077755e7762691 .av-section-color-overlay {
    bottom: -20px;
}

    Best regards,
    Ismael

    January 9, 2024 at 3:56 pm #1429643
    MikeTandySwag

    Thank you! The code didn’t work. It looks like the gap happens on larger screens. I put a screenshot in the private content

    January 9, 2024 at 5:42 pm #1429655
    Mike

    Hi,
    Try this css:

    .avia-section.av-rk2b-b60529e4fd7ee3da92077755e7762691 .av-section-color-overlay {
    top: 15%;
}

    you may need to adjust for very large screens using media queries, but this seems to work for my screen.

    Best regards,
    Mike

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