I realise that I shouldn’t have this Coming Soon page live yet however I thought it would be the best way to get input from the community on how I should go about this. I am working with Bricks 2.0.2 /ACSS 3.35/Frames. I’m learning it from the ground up but there is some urgency in getting this “Coming Soon” page happening now.
I am trying to create an interesting and relevant Coming Soon page that is stylish but also functional for most devices. This is the URL Palm Cove Vision This is where I’m at:
There are 3 elements. Section > Container > Shortcode
- I have a video for the background. The video is 1920x1080. The only setting I think I’ve changed in the section element is the height which I’ve made 1080px.
- I currently have that video, linked from Vimeo, as a Background video in the Section element. I also have a 1920x1080 static Poster Image of the opening frame of the video in the Section Background to display something while the video is loading. All other settings are default.
- I then have a Container element inside the Section element. I have added a Shortcode element to that Container and kept all settings as defaults except for a top margin of 8em (I’m sure that there is a better way to manage the vertical alignment but it seems to be working).
- I populated the Shortcode Element with a WPForms signup form to display on top of the video. I would like to keep the form aligned in the centre horizontally and in the best place vertically for most devices. Any suggestion on how I can get the form to center align horizontally please?
Also, any general advice on how I went about this please?