Theme layouts

There are 3 layout types avaliable.

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

Please follow 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 following less variables:

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

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

Boxed layout

Boxed layout has a paddings around the page wrapper, which makes possible to use body background.

Boxed layout uses following less variables:

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

Make sure, that you don’t use 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 which makes wide content.

This layout type requires additional changes into content settings, like category columns count, homepage slider and banner widths, etc.

Full-width layout uses following less variables:

Put these variables into _argento_custom.less file and run 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 homepage content article.

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