website content max-width and main content with border and shadow

Hello,

Is it possible to set a max-width for the main content area?

Also, I would like the main content to be boxed with a border so that it makes a clear visual distinction between the background and the main content placeholder.

In fact, I would like something like on this website: http://www.begeek.fr/

I installed the child theme but my css skills are quite limited especially regarding keeping everything responsive.

Could you please guide me?

Thank you

Hi

The theme set a 1068px width for content and this value can be changed easily. All theme’s blocks, modules and post/page templates relay on this value so if it’s changed all layout must be re-built.
You can try below css to add a border but is possible only like this: http://screencast.com/t/z8LeAiHTbo0h

.td-main-content-wrap .td-container {
width: 1070px;
border: 1px solid red;
}

For a different implementation you will need additional customizations. We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!