Manage Container Area Layout and Width

Manage Container Area Layout and Width

Table of Contents

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.
Container on Boxed Layout
Container on Boxed Layout
  • Wide – In this layout, the content is stretched out horizontally to the full width of the screen.
Container on Wide Layout
Container on Wide Layout

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 768px1920px. [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 768px

Container width on 1800px

Container Width on 1800px
Manage Container Area Layout and Width
Scroll to top