Full Width + Vertical-align

Hey,

Is it possible to setup a full-width section with two halves: one image, and the other text.
I want to set a min-height for the image, and align the text to the center.

Comments

  • Hi,
    I will tell you the best way to do that.
    1. Create a section and insert two 1/2 wraps.
    2. Edit the section on choose the styles: full-width, equal height of wraps, no margins.
    3. Insert a column to one wrap and fill it with text.
    4. In the second wrap do not insert an image, instead of that edit the wrap and set the desired image as a background for that wrap.
    5. You can edit each wrap and set the vertical alingment as well, so you can set the wrap with text to middle.

    You may run into trouble on mobile as the wrap could shrink and the image will not be visible.
    To amend this, insert a column item into that wrap and edit the column, in the custom css field type in:
    min-height:400px;
    This will let you set the min height for the column.

Sign In or Register to comment.