alignment of elements on a full-height block

Amir Tangestani

• July 02, 2020 16:37

can you please provide step by step instruction on how to create a full height block that has these elements and configurations:

1. there is a menu element at the top - aligned to the top of the block with 100 pixels offset from the top
2. there is an arrow at the bottom of the block that takes you to the next block when clocked on - aligned to the bottom of the block with 100 pixels offset from the bottom.
3. there is a text element in between the menu and the arrow - it's floating and I'd like to have control over its position without having to readjust the two elements mentioned above.

So that's the overall configuration. The block lets me to align its entire content to top, center or the bottom of the block. That resolves item 1 or item 2 but not both of them. I'd like to know if there is a way to have 2 separate elements (such as items 1 and item 2) aligned in a block in different ways without having to introduce spacers and adjusting heights manually and hoping for the best that it would look okay on all screens.

I hope this makes sense as it seems to me it should be a common question by a lot of users.

I can explain more or provide screenshots in case my explanation is not sufficient. BTW, I use Brizy Cloud.

Thank you for your help in advance!

Amir

0

• 

  Sandra Prunici

  • July 03, 2020 07:15

  Hi,

  If you are adding all these elements in the same block isn't possible to create the view you described before without adding some space element or padding/margins. Even if you set the block with Full Height the whole content will be aligned at the bottom, centre or top of the block. Isn't possible to align elements in different places of the block.

  Best regards,
  Sandra

  0

Please sign in to leave a comment.