Site logo

Archived topic

full screen display of image in Split

3 replies · Started by Ruth on October 14, 2021

Viewing posts 1–4 of 4

Hi - Is it possible to display am image in the body of a "split" template page so that it covers the entire width of the page?

Hi Ruth,

Do you mean the home/blog page of Split?

Yes, you can do that.

Hi Ying - any page of "split". I am trying to get the image here https://staging.karlsylvester.com/index.php/test/ to be full screen. I have the container as full width, the inner container as full width and "make page full width" set to on

Hi there,

the Split Site adds this CSS in Customizer > Additional CSS that limits the page width to 700px:

.no-sidebar .inside-article > *, .no-sidebar #comments, .no-sidebar .nav-links {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

You can delete that CSS, which will give you your full width container.

Things to note regarding full width:
The Container Block you have on your full width page, has a default 40px padding, which can be removed by selecting the Container Block and editing is spacing.
An Image will only display at its maximuim image size. So if your image is 1024px wide, it will never display any wider, without using a little CSS to force it wider - if needed i can assist with that.

This archived topic is closed to new replies.