I don't want a full width layout for the whole website.

Hi Sugaboss. You will need some css styling. A link to your site would help.

Hi Johnny thank you for the response

The site is still under development .. but I will leave it on for a while. https://bookstart.or.id/wp/

It can be done but its not simple. You could wrap everything in a div tag and specify a max-width, but be careful because your site is responsive and it will not look good on smaller devices. Your carousel its 1170px wide. Do you want to display the header and footer at the same width, or you want to achieve something else?

Yes Johnny that’s exactly what I want to have. Header and footer at the same width. So I can have a different background colour.

Ok, got it.
Try this css rules:

.tc-header{
   max-width: 1170px;
   margin: 0 auto;
}

footer#footer {
   max-width: 1170px;
   margin: 0 auto;
}

But be aware that it will modify the width only from the desktop view.

I’ll try and check the result … from various device
Thank you very much

I just apply that and it works flawlessly on desktop.
I just also check it on my tab and my phones … it looks fine for me

Thanks a lot Johnny. It means a lot for us.

Great! Glad I could help.

Hi Johnny … I just realised that the area under the slider is not boxed. Therefore I cannot have a different colour for the general website background and the page area background. Any Idea How to achieve that?

Hello again. Presuming you are reffering to the area without a white background try this:

#main-wrapper{
    background-color: #FFF;
}