Create a centered design

There are two possibilities to create a centered design. 

Using the centered design

The simplest way is to use the already existing Centered Design from the Enterprise Theme.

1. Select the Centered Design globally or for a specific space

2. Change the max-width if necessary in the stylesheets. The following examples will set the max width to 1024px

.getu-skin.centered #header ol#breadcrumbs {
    max-width: 1024px; /*default 1280px */
}
.getu-skin.centered #main {
    max-width: 1024px;  /*default 1280px */
} 

Own design add-on

 If you are a add-on developer and you created your own design add-on like we have documented the tutorial Create a custom design for the Enterprise Theme, then you can add these stylesheets to your design CSS file.

.getu-skin.centered #header ol#breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    position: relative;
    left: 20px;
    max-width: 1280px;
}
.getu-skin.centered #main {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
} 

Related articles