Theme layouts

There are 3 layout types avaliable.

You can switch between these layouts with theme editor or custom.less file.

Please, follow the instructions below to implement one of the following layouts:

• Standard
• Boxed
• Full-Width

Standard layout

Standard layout is a default Argento Essence layout. It displays centered content with a white background around it.

Standard layout uses the following less variables:

Put these variables into the _argento_custom.less file and run the static content deploy command according to the custom css tutorial.

Make sure that you don’t use the theme editor layout section in order to use layout less variables in _argento_custom.less

Boxed layout

Boxed layout has paddings around the page wrapper, which enables the use of body background.

Boxed layout uses the following less variables:

Put these variables into the _argento_custom.less file and run the static content deploy command according to custom css tutorial.

Make sure that you don’t use the theme editor layout section in order to use layout less variables in _argento_custom.less

Full-width layout

Full width layout removes width from the content wrapper, thus widening the content area.

This layout type requires additional changes in the content settings, such as category columns count, homepage slider and banner widths, etc.

Full-width layout uses the following less variables:

Put these variables into the _argento_custom.less file and run the static content deploy command according to custom css tutorial.

You will also need to update homepage slider width, easybanner images, easycategory and highlight widgets columns count. See details in the homepage content article.

Make sure that you don’t use the theme editor layout section in order to use layout less variables in _argento_custom.less