Site logo

Archived topic

Container Shape divider overlaps with previous container by 1 pixel

2 replies · Started by John on November 12, 2022

Viewing posts 1–3 of 3

Hello,

Using GP Pro and GB Pro. I have 2 containers following each other, and I'm trying to create an effect that blends the background of the top container into the shape divider of the bottom container. I'm using a partially transparent color for the background and the shape.

I would expect the top container to end and the bottom container to start right at the next pixel down, but they look like they're overlapping but 1 pixel or 2. It creates a line that is not desirable.

See screenshot: https://i.imgur.com/9mJBjx2.png

I have no border set up on either of the containers. How can I fix that?

Thank you

PS: The website is in "coming soon" mode so I can't easily share a link

PPS: For now I have added a 1 pixel margin at the bottom of the top-container, which addresses the problem. But I'd like to fix the issue at the source instead of hacking my way out of it. I don't want to receive emails from other editors of my site who are encountering the same issue if I can avoid it :)

Hi there,

if you can share a link to the page and a password to get passed the Coming Soon in the Private Information field then i can take a look at the issue.

This archived topic is closed to new replies.