Leadpage type layout

Beaver Builder
1

Hello,

I already asked the question of the full width page background and well the answer wasn’t really what I need.

Basically I want to achieve what you can get with leadpages signup page (and by the way if BB can do this and become a great leadpages alternative then you’ll probably see a surge of new customers for this plugin).

an example : https://marketplace.leadpages.net/maplethorpej/rocketlaunch/

So I need to be able to have :

  • a full width background image (NOT a row background as the content isn’t long enough to occupy all the vertical space)
  • a VERTICALLY centered 2 columns block (well if it’s not a 2 columns block it doesn’t matter but I would need at least a centered block in which I could add my custom code)

Any idea how can this be achieved ?

I’m wondering if a “vertically centerered” element couldn’t be a nice to have BB block.

Thanks,

Cheers,

2

Hey Benjamin! Thanks for reaching out with your question. You will need to write some custom CSS to achieve this. You can use the technique mentioned in the article you referenced in your last post to do the background (https://css-tricks.com/perfect-full-page-background-image/).

For vertical centering, you can put a CSS class or ID on a row to target it. I like this vertical alignment technique:

http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

That should get you started in the right direction. If you don’t mind, feel free to add the vertical centering suggestion as a feature request on our user voice page. I think it’s a good idea!