Centring all Content whilst keeping Header Left Alligned - Wexley

Hi guys, hoping someone can help me with this, googled it a few times but can't quite seem to get the right fix...

Using Wexley as my template. Website is set up with a number of images on the 'homepages' that have been set up to clickthrough to a video with text. I have my site alignment as 'left' and header set to 'split', I want to keep this as it is. All I'm looking to do is have every page that is a clickthrough, have the video and and text centred in the middle of the screen. It works when I change the site alignment to 'centre' but obviously this affects my header.

I gather this needs some form of CSS, would be great if someone could help sort this out.

Homepage

Clickthrough Page - *Looking to centre video and text whilst keeping header as is*

One other thing of interest, I've seen other sites using wexley where the custom thumbnail of the video on the click through page is basically filling the whole page and then when you click play it reduces to normal video frame. Is this just from using a bigger res image? I'm just using 1920x1080 custom thumbnails.

Many thanks Guys!

Any help guys?

Usually coders here will need a link to your site in order to help. 

Usually coders here will need a link to your site in order to help. In the meantime check out this thread:

34 minutes ago, derricksrandomviews said:

Usually coders here will need a link to your site in order to help. 

Ah thanks Derrick!

Site is: jonstacey.me

Thanks!

8 hours ago, JonStacey said:

Ah thanks Derrick!

Site is: jonstacey.me

Thanks!

Add to Page Settings > Advanced > Header

<style>
  section#page {
    margin: 0 auto;
}
</style>

9 hours ago, tuanphan said:

Add to Page Settings > Advanced > Header

<style>
  section#page {
    margin: 0 auto;
}
</style>

 

That worked perfectly! thank you very much @tuanphan :)

On 8/21/2020 at 5:02 PM, tuanphan said:

On 8/22/2020 at 2:57 AM, JonStacey said:

<style> section#page { margin: 0 auto; } </style>

 

On 8/22/2020 at 2:57 AM, JonStacey said:

<style> section#page { margin: 0 auto; } </style>

 

I am trying to achieve the same but that code doesn't work for me. My ideal look would be that the image bleeds to the edge of the sight on bot sides.

Code can work for one template and not for another,  that is why site address and password if necessary should be posted here, and be specfic about the image, is it your banner? 

On 2/10/2021 at 5:03 AM, myburket said:

I am trying to achieve the same but that code doesn't work for me. My ideal look would be that the image bleeds to the edge of the sight on bot sides.

 

Do you still need help on this?