Post Grid widget let you show blog post in grid format . You can build this widget in different type of design with EnterAddons
Using Post Grid Widget:
You can see the below video to get an insight into how you can use the Post Grid Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Post Grid Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Post Grid Content, Visibility Settings, Meta Position and Button.
After that, from ‘Post Grid Content’ section, you can select post-limit, order, post-offset, Thumbnail- Position and Title Tag etc.
Then, from ‘Visibility Settings’ section, you can show-thumbnail( show / hide ) with option, meta, author, icon, post-date, comments, comment icon, descriptions and read more button.
After that, from ‘Meta Position’ section, select meta position ( Before title or After position ). Meta Position can be set ‘Before-Title’, like below.
Also, Meta Position can be set ‘After-Title’ like below.
Moreover, Meta Position can be set ‘On-Thumbnail’ like below.
From ‘Button’ section, you can show / hide thumbnail, meta, author, icon, post date, comments, comment icon, descriptions and read more button.
Step2
From ‘Style’ section you can stylize the widget. You will get the options Item Wrapper Settings, Content Area,Thumbnail Wrapper, Thumbnail, Post Meta, Title, Descriptions and Button.
After that from ‘Item Wrapper Settings’ section, you can edit content alignment, margin, padding, border-type, box-shadow,border-radius and background-type respectively.
Then from ‘Content Area’ section, you can edit margin, padding, border-type, box-shadow, border-radius and background-type respectively.
After that from ‘Thumbnail Wrapper’ section, you can edit margin, padding, border-type, box-shadow, border-radius and background-type respectively. And that is given below.
Then from ‘Thumbnail’ section, you can edit thumbnail width, thumbnail height, margin, padding, border-type, box-shadow and border-radius respectively in NORMAL view.
Moreover, you can find HOVER view effect from this section like below.
Then from ‘Post Meta’ section, you can add meta alignment, typography, margin, padding, text color, meta-link-hover color, box-shadow and border-radius respectively.
Then from ‘Title’ section, you can edit title color, typography, margin and padding respectively in NORMAL view.
Moreover, you can find HOVER view effect from this section like below.
After that from ‘Descriptions’ section, you can add / change title color, typography, margin and padding respectively in NORMAL view.
Moreover, you can find HOVER view effect from this section, like below.
Then, from ‘Button’ section, you can edit link color, typography, margin and padding respectively in NORMAL view.
Moreover, you can watch HOVER view effect from this section, like below.
Step3
Finally, after finishing all the editing, click update and click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.