Blog posts settings
Settings | Description |
Heading | This field is for adding a heading to the section. In the top menu of the field, you can find options to customize the heading. Furthermore, you can click the dynamic source button to insert a dynamic source as the heading of the section. |
Heading font family: |
In Theme Settings, you can assign a different font family to headings and body text. This option allows you to customize the visual style of your heading by selecting heading or body styles. For some headings, it might be more effective to apply the body text style instead of the designated heading font. This choice depends on how well the font families harmonize and the overall appearance you want to achieve. |
Heading size | The heading size setting offers three options to control the size of your section heading:
|
Font weight | Font weight defines the thickness or boldness of text on your store. Available options for heading:
|
Blog | Select blog with blog posts to be displayed on the page, or create a new blog. |
Number of blog posts to show | Choose the desired number of blog posts that you want to display in this section. This option allows you to control the quantity of blog posts visible to your visitors. |
Number of columns on desktop | Use the slider to select the number of columns for desktop view. You can select a range from 1 column to a maximum of 4 columns. |
Color scheme | You can apply different color schemes to your store:
|
Show featured image (For best results, use an image with a 3:2 aspect ratio). | Swipe the button to the right to showcase the featured image from the blog post page on the homepage or other pages. If left unchecked, heading, description, and comment count will be visible without image. Also, we can add date and author to show them on a card. |
Show description | Display blog post's content as a brief description. |
Show date | Enable this option to display the publication date of the blog post. |
Show author | Enable this option to display the author's name of the blog post. |
Show comments | When this option is enabled, customers will see the number of comments left on a particular blog post displayed on the blog post card. |
Enable “View more” button if blog includes more blog posts than shown |
Swipe the button to the right to display a “View All” button (on demo store label “See All blogs”) if there are more blog posts than what is currently shown. This allows users to access additional blog posts easily. |
Label for post link | Enter a label to direct customers to the blog detail page. |
Enable swipe on mobile | Enable swipe functionality on mobile devices to allow users to easily navigate through blog cards. This feature enhances the mobile browsing experience, making it more interactive and user-friendly. |
Section padding
Setting | Description |
Top padding | The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. |
Bottom padding | The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |
Top padding mobile | The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider. |
Bottom padding mobile | The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices. |