Blog Post

Blog Post

The Blog Post section, is designed to display blog posts in a visually appealing layout. It typically features an image on one side and the corresponding blog post information on the other.

​

​

Configuration Options:

Section Header:

1. Heading: Enter the main title for the section.
2. Heading Size: Select the desired display size for the title.
3. Sub-heading: Enter a secondary heading (optional).
4. Description: Enter a detailed description of the section.
5. Alignment: Choose the alignment of the displayed information (heading, subheading, description).

​

Blog Post Configuration:

1. Blog post type: Select the desired display format:
1. Tab: Displays blog posts within tabs, allowing users to switch between different categories or topics. If you select "Tab," you need to configure and create the display tabs.
2. Default: Displays blog posts in a standard, list-like format. If you select "Default," you need to configure the "Blog type default" settings.
   

1. If "Tab" is selected, configure as follows:
1. Limit: Select the maximum number of blog posts to display on the page.
2. Image ratio: Adjust the image ratio for the blog post images.
3. Read more label: Enter the text for the "Read more" link.
4. Display options: Check the boxes to show the date, author, and/or excerpt for each blog post.
5. Column number: Select the number of columns to display on desktop, mobile, and tablet screens.

1. Add blog: Select the blog groups to be displayed as tabs.
   

1. If "Default" is selected:
1. Choose to display Banner: Toggle this setting to display the banner
2. Select blog posts: Select specific blog posts to display in this section.

Section Layout:

1. Color Scheme: Select a background color to use if no background image is displayed.
2. Background: Choose a background image for the section (if desired).
3. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
4. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
5. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
6. Section Optimization: Section optimize: Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.