Easily redesign your Archive Pages with the power of the Query Widgets
Content
![Skin Grid 29 skin grid](https://e-addons.com/wp-content/uploads/2021/02/skin_grid.png)
The grid skin is responsive and allows you to manage blocks in 3 logics: Flex, Masonry e Blog.
Flex
Responsive Columns.
From 1 to 7.
Flex grow: 0(zero) or 1
The flex grid has horizontal and vertical alignments.
- Top or Left
- Center or Middle
- Bottom or Right
- Space Between
- Space Around
- Stretch (Vertical flex align)
![Skin Grid 30](https://e-addons.com/wp-content/uploads/2020/07/skin_grid_flex.png)
![Skin Grid 31 skin grid masonry](https://e-addons.com/wp-content/uploads/2020/07/skin_grid_masonry.png)
Masonry
The grid in method Masonry.
Blog
The BLOG style grid consists of 2 parts: the first element and all others.
It is possible to define logics for the 2 grids.
1/1, 1/2, 1/3, 1/4, 2/3, 3/4, 3/5, 4/5
Grid alignments
- Horizontal position
- Vertical position
![Skin Grid 32 skin grid blog](https://e-addons.com/wp-content/uploads/2020/07/skin_grid_blog.png)
Style
Block
These parameters allow you to control the graphic style of the blocks.
- Text alignment
- Vertical flex align
- Background
- Border
- Padding
- Margin
![Skin Grid 33 skin grid block style](https://e-addons.com/wp-content/uploads/2020/07/skin_grid_block-style.png)
![Skin Grid 34 skin grid style](https://e-addons.com/wp-content/uploads/2020/07/skin_grid_style.png)
Grid
Spacing:
- Columns (horizontal)
- Rows (vertical)
DEMO
Grid
Base example