Customize the Layout of Site

Table of Contents

Location: Appearance > Customize > Global > Layout

Globally change the site layout and sidebar layout.

There are the following types of Layout Options:

Site Layout #

In the Site Layout section, you can choose one of the two layouts for your site.

  • Boxed Layout: Wraps the container area of the site in a box.
Box Layout in ColorMag
Box Layout in ColorMag
  • Wide Layout: Expands the container area of the site to full width.
Wide Layout in ColorMag
Wide Layout in ColorMag

NOTE: You can change the background of the inside and outside area of the container as instructed here: Change the Background of Site.

Sidebar Layout #

On the Sidebar Layout section, there are the following options:

  • Default Layout: Applies to Archive, Blog, Search Result Page, 404 Page, etc.
  • Default layout for pages only: Applies to normal Pages.
  • Default layout for single posts only: Applies to Single Post.

There are currently four types of Sidebar layouts:

  1. Right Sidebar: Shows the Right Sidebar Widgets that are added via Appearance > Widget
Right Sidebar Layout in ColorMag
Right Sidebar Layout in ColorMag
  1. Left Sidebar: Shows the Left Sidebar Widgets that are added via Appearance > Widget
Left Sidebar Layout in ColorMag
Left Sidebar Layout in ColorMag
  1. Full Width: No sidebar layout expanding full container width area.
Full-Width Layout in ColorMag
Full-Width Layout in ColorMag
  1. Content Centered: Contents shrunk to lesser (around 70%) width than the actual container width.
Centered Content Layout in ColorMag
Centered Content Layout in ColorMag
  1. Left and Right Sidebar: Shows the Left and Right Sidebar Widgets that are added via Appearance > Widget.
Left-Right Sidebar Layout in ColorMag
Left-Right Sidebar Layout in ColorMag
Scroll to top