Location: Appearance → Customize → Global → Container

Container area refers to the area or space where the main content of the website is placed. Basically, it is an area where we display the content. ColorMag allows customizing the container area with various options listed below:

General #

Under the General settings, you’ll find the following two options listed:

Layout #

Container Layout determines how the content is structured, aligned, and positioned within the given boundaries. ColorMag offers two types of container layouts that are globally applied to the entire website.

• Boxed – In this layout, the contents appear within a box surrounded by empty spaces or borders on all sides.

• Wide – In this layout, the content is stretched out horizontally to the full width of the screen.

Width #

ColorMag Theme allows you to adjust the width of your overall site container. Container width determines the maximum area where the content will be displayed. The container width can be set between 768px – 1920px. [Available in ColorMag Pro]

Below, you can check the images displaying the site layout when adjusting various container widths:

Container width on 768px

Container width on 1800px