Blog

1 - Blog post

Go to Sections > Add sections > Blog post

1.1 - Title settings

  • Heading

  • Sub text

  • Sub text use font: body font/subtitle font

  • Design title: 12 options

01
02
03
04
05
06
07 with line awesome
08
09
10 with 'see all posts' button
11
12

1.2 - General layout

1.2.1 - Layout design

Grid
Slider

1.2.2 - Articles design

Design 01
Design 02

1.2.3 - Blog

Choose blog to show

1.2.4 - Choose number of blog per page

1.2.5 - Pagination

None
Load more button

Note: 'Load more/see all' button do not active when slider on mode

View all

1.2.5 - Button style

Default
Primary
Dark

1.2.6 - Date format

Different format options display for various languages.

Full MM DD, YY
MM/DD/YY
MM DD, YY

1.2.7 - Articles columns desktop/tablet/mobile

1.2.8 - Show author/date/comment

1.3 - Slider settings

1.3.1 - Use Loop

At the end of cells, wrap-around to the other end for infinite scrolling.

1.3.2 - Pause Autoplay On Hover?

Auto-playing will pause when the user hovers over the carousel.

1.4 - Prev next button/page dot settings

1.4.1 - Enable prev next button

1.4.2 - Visible

1.4.3 - Style

01
02
03

1.4.4 - Color

Transparent
Gray
White
Primary

1.4.5 - Enable Page Dot?

1.4.6 - Style

01
02

1.4.7 - Color

Dark
Light
Primary

1.5 - Design image

1.6 - Design options

1.7 - Design mobile option

2 - Blog manual

Go to Sections > Add Sections > Blog manual

1.1 - Tile settings

1.5 - Design image

Note: 2.1 - 2.7 You can refer instruction in Blog post

1.8 - Content

You can choose article to show one by one

Result:

From The4

Hope you success!