You can set the appearance of your blog listing page and blog post page using the options below.
Blog Design
To design your blog, go to the Blog Settings (1) and click on the Design (2) tab. This will open up a drawer on the right-hand side, where you can edit your:
- Blog listing page (3) and
- Blog post page (4).
Also check: Blog Settings.
Blog Listing Page
The style options are classified as:
Blog Layout
1. Layout
Select your blog layout here. Hover over the layout image and click on Change Layout. There are 15 layouts to choose from. Select the one you like and click Save.
2. Width
Select Full Width for a full-width blog layout, Boxed for a boxed layout, or Site Width for the width of the layout to be the same as the rest of the content on your site.
3. Grid Spacing
Specify the space between the blocks of content on your blog.
4. Image Aspect Ratio
Select between Square, Horizontal, Vertical and Dynamic width: height ratio for the blog post featured image.
5. Posts Per Page
Select the number (12, 24, 36, or 48) of blog posts you want to show on the blog page.
Text
6. Text Width
Set the width of the text on your blog.
7. Text Alignment
Set the alignment of the text on your blog.
8. Read More Link
Select Yes to show the Read More link. This is how it looks like on the blog:
9. Show Excerpt
Select Yes to show the excerpt of the blog post.
10. Show Author
Select Yes to display the author. See: Blog authors.
Text Style
11. Text
Click on the Change Text Style button to manage the global font styles. See: Website Text styles.
12. Title Font Style
Select the font style of the blog post titles on the blog listing page. See: Website Text styles.
13. Meta Data Font Style
Select the font style of the author and date next to a blog post on the blog listing page.
14. Save your changes.
These style options will be applied on your blog listing page like this:
