Code for Full Page Block with Pacific Template

Site URL: https://www.fabweddingfilms.com/jack-pia-login

I'm trying to do something here, that may not be possible, but it would be such nice addition to my website.

As you can see on the image, I've used code to embed a website onto my page for delivering client's final wedding films.
I'm trying to now make this full page width so that it incorporates well into my website and look part of it.

Can I inject a code in a single page to do this? Could someone help me with this?

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1648428682760_1949 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%);
  padding: 0 !important;
}

Let me know how it works on your site

Thanks so much for that. It's almost there but there is another problem where the footer does not remain on the bottom and jumps across the content.

Also, I'm trying to inject this code on this particular page only so I'm using the injection method per page only. 

On 3/29/2022 at 6:36 PM, FabItAll said:

Thanks so much for that. It's almost there but there is another problem where the footer does not remain on the bottom and jumps across the content.

Also, I'm trying to inject this code on this particular page only so I'm using the injection method per page only. 

Try adding to Design > Custom CSS

footer#footer {
    padding-top: 300px;
}