I’m trying to design a public profile section which shows the user picture in a circle(ellipse) and I keep getting random white space depending on what element I’m tweaking.
This is what I’d love to get - it has been designed in the editor. There are:
- 2 rectangles(blue & green)
- An image inside of a transparent rectangle
However, the preview shows me this:
I have tried bottom fixing the lower rectangle and I get this:
I have also tried other things such as removing the rectangle from the picture group and I get this
At this point, I don’t know what to do. I have looking into all the “white space” posts in here and Im just wondering if having an image on top of the other for UI purpose is a big no in adalo. I understand that a no code platform has limitations and there are no Z-index options besides the “arrange” menu.
Anyone can offer any tips or do I have to change the UI altogether.
Thanks in advance
EDIT: I have also tried removing the top’s rectangle and setting the background of the screen to the top’s rectangle colour and I would get lost space at the bottom - this with bottom rectangle fixed bottom.
If I untoggle the fixed option my image gets displaced like this: