This is a demo store. Any orders placed through this store will not be honored or fulfilled.

Grid System

Every template in Acumen was stripped of Magento's structure and replaced with a flexible grid. The popular 960 Grid System was simplified and customized with added whitespace between columns.

Featuring twelve 50px columns with 30px gaps, plus built-in CSS hooks for advanced layout using nested grids, prefix, suffix, push, and pull.

Grid 12
Grid 11
Grid 10
Grid 9
Grid 8
Grid 7
Grid 6
Grid 5
Grid 4
Grid 3
Grid 2
Grid 1

Nested Grids

You can place grids inside grids to create nested layouts.

Grid 3. Vestibulum erat wisi, condimentum sed, commodo vitae.

Grid 7. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

Nested Grid 8. Nested Grid 8. Nested Grid 8. Nested Grid 8. Nested Grid 8. Nested Grid 8. Nested Grid 8.
Nested Grid 4. Nested Grid 4. Nested Grid 4.
Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum.
Grid 2. Vestibulum erat wisi, condimentum sed, commodo vitae.

Prefix Padding

Grid elements can be padded with extra spacing before a column using the .prefix_# class.

Grid 12
Grid 11 Prefix 1
Grid 10 Prefix 2
Grid 9 Prefix 3
Grid 8 Prefix 4
Grid 7 Prefix 5
Grid 6 Prefix 6
Grid 5 Prefix 7
Grid 4 Prefix 8
Grid 3 Prefix 9
Grid 2 Prefix 10
Grid 1 Prefix 11

Suffix Padding

Grid elements can be padded with extra spacing after a column using the .suffix_# class.

Grid 12
Grid 1 Suffix 1
Grid 10
Grid 1 Suffix 2
Grid 9
Grid 1 Suffix 3
Grid 8
Grid 1 Suffix 4
Grid 7
Grid 1 Suffix 5
Grid 6
Grid 1 Suffix 6
Grid 5
Grid 1 Suffix 7
Grid 4
Grid 1 Suffix 8
Grid 3
Grid 1 Suffix 9
Grid 2
Grid 1 Suffix 10
Grid 1

Push + Pull Positioning

Grid elements can be positioned separately from their source order using the .push_# and .pull_# classes.

This block appears first in the HTML source.
This block appears second in the HTML source.
This block appears first in the HTML source.
This block appears second in the HTML source.

Snippets are content areas you can update from the Magento Admin. Turn them on/off as needed with no coding!

This is Snippet: CMS Page Bottom. It will automatically show on all CMS Pages.

Acumen for Magento

Better design. Better code. Better performance.

Take the Feature Tour and see why.

Updated too!

Acumen 1.3.6 for
Magento 1.8.1.0 Stable.

Buy at ThemeForest