1/2 + 1/2 column and an full width image

Support
#1

Hey there,
I’d like to achieve this: http://prntscr.com/mwtq3h
a 1/2 + 1/2 with text on the left and an image on the right. However the image should be full width and go up to the border of the screen and the text should stay in its container

Thanks for your help!

#2

Hi @zerotoone.de,

Please follow these steps:

  • Create a section with 2 columns:

  • Enable the marginless columns option of row:

  • Add this element CSS to the column contains the text:

$el {
  vertical-align: middle !important;
}

Hope it helps :slight_smile:

#3

Yes ok thank you, but the text thats aligned in the middle will ignore the setting I made in my theme options

#4

Hi @zerotoone.de,

That’s the vertical alignment:

$el {
  vertical-align: middle !important;
}

So if you want to the to be on top, you can remove this element CSS.

Hope it helps :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.