Wells full width content?

Site URL: https://www.philipparedding.co.uk/

Hi

I am trying to get the first page of this site to be full width. The gallery pages are working well but this page has a load of space on the right hand side and I cannot see how to shift it. The gallery pages fill up the entire space and I have tried adding a gallery with just the one image but it still has that empty space to the right. This image is 2000 px wide so it should be big enough to fill the space.

Any ideas would be much appreciated.

Add to Design > Custom CSS

div#canvasWrapper {
    max-width: 100%;
}

This code worked for me in my Wells template. But I'm curious if you can apply this code to all pages, and exclude a small handful of pages. Anyone know how to do this???

On 8/29/2024 at 5:01 AM, Mina1570048503 said:

This code worked for me in my Wells template. But I'm curious if you can apply this code to all pages, and exclude a small handful of pages. Anyone know how to do this???

First, you need to find Page ID

You can use this tool

Suppose you want to exclude code on 2 pages, and their ID are: #collection-123456789, #item-987623

You can use this CSS code

body:not(#collection-123456789):not(#item-987623) {
  div#canvasWrapper {
      max-width: 100%;
  }
}