Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Centring all Content whilst keeping Header Left Alligned - Wexley


Recommended Posts

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

 

304275320_Screenshot2020-08-20at17_05_41.thumb.jpg.fdf8567bf8d6a86ae35fe9b18a2bbd2b.jpg

 

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

1711515548_Screenshot2020-08-20at16_59_03.thumb.png.4b3377365d9b508829692c790d918754.png

 

 

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!

 

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 5 months later...
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>

 

 

Link to comment
  • 1 month later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...