Making Template Design Full-Width

stimulus

We installed and are using the Phio template, but are having a few issues.

Is there a way to make the template full-width and remove the gray background?
We duplicated the Home 3 template style and applied it to the inside page, but are running into issues with the main layout. We would like for it to go all the way to the top, similar to Home 3. Below, you will see the home page versus the inside pages. We did add the Toolbar position, but even before that was added, it still didn't go to the top of the screen.

dominic

To resolve this issue, you can add the following CSS code to the Backend > ja phio > tools > Custom CSS:

.t4-wrapper {
    border: 0;
}

stimulus

dominic

Is there a way to make the whole website full-width? The sides that are gray?

dominic

Hi stimulus,
The CSS code will remove the gray area, I have checked and see that your site looks good without a gray area.
Could you send me a screenshot of the area that you mentioned?

stimulus

dominic

You can see a screenshot below. This is happening on larger monitors, like iMac screens. So the gray isn't on the top anymore, it is just on the left and the right. I have this issue with multiple sites from Joomlart, but I definitely want to fix it with this one.

dominic

Hi stimulus,
Yes, the template max-width is 1920px.
If you want to show full-width on larger monitors, you can add the following CSS code to your site:

@media (min-width: 1925px) {
      .t4-wrapper {
           max-width: 100%;
       }
}

Hope this helps!