Change main body width

NickMo1

Hi, I'm just wondering if the width of the main body can be changed in Phio.
The site I'm working on seems to have a very narrow main body compared with the demo page. Plus it looks odd when a full article image is included on the page. The image is much wider than the page content.
In the template I deleted the left and right side-bars from the main body (hoping that would make it wider); and the main body is set to FIX. Perhaps I need to make some changes there?
If you could help, that would be great.
Thanks.

phinb

Hi @NickMo1

I truly don't understand your intention. Currently, I see that your page is similar to our demo: demo article. Could you please share a screenshot of the specific section you would like to modify?

Regards,

NickMo1

Hi,
I realised when looking at the site on my laptop that it looks OK. The issue appears when looking on wider screens where the image gets bigger but the page content does not go any wider (full screen).
I have attached images to show (including your example).
Maybe that is how it is meant to be?
Image from wide screen - content does not go full screen.

Image on not-wide screen

Image from wide-screen

phinb

Hi @NickMo1

This layout is also a special type of the template. You can make the content full width by adding style in custom.css:

.item-page {
	max-width: 100%;
}

.t4-main-body.no-sidebar .item-page .item-image {
	margin-left: 0;
	margin-right: 0;
}

Regards,

NickMo1

Perfect, thank you.