Hi, just tried to create a card, or actually a bunch of them. I watched the video @dan created for that and got stuck. Essentially you created a container, within it a grid and within the grid another container. You dropped an image as a background and all of that works. Where I get stuck is the next step. You drop in a text component that is aligned center, mine is aligned top, no matter how large the text is. In the content layout alignment is set to center, but that doesn’t seem to do anything. What am I missing?
Cheers, Matthias
It’s likely a setting somewhere, or how you’ve got your components setup.
Could you share a visual example of what you’re trying to achieve, or share the project you’re working on and we can do a quick example for you
Note: you can share your projects for free via Elements Cloud!
Hi Ben,
I uploaded the a simple sample project elementsapp://downloadDocument/kuX1IzdoRaA2
Content alignment is set to center, but text displays at the top.
Cheers, Matthias
Here ya go
elementsapp://downloadDocument/QCheu5RvJZjb
Instead of checking all your settings, I just created what you had anew without changing any of the settings. Nothing fancy to see here. When I added the container into the 3 column grid, the container automatically centered itself vertically, as did the added text.
I would recommend to set the height to the grid instead to the inner container though. Makes adjusting the height later or for other devices sizes less cumbersome later.
I took a quick look at your project, and the reason you can’t centre your content is due to you having set the height/width on the Content Layout settings, whereas you wanted to set that on the Sizing width/height. Here’s a quick video explain how to fix, hope that helps
That does indeed explain it - Thanks a lot Ben!
Cheers, Matthias
Thanks a lot! Setting the hight of the grid instead of the container should indeed make it easier!
Cheers, Matthias