Blog posts settings
| Setting | Description |
|---|---|
| Color scheme | Sets the background and text colors for the section. To change the card color scheme, update your theme settings. |
| 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. |
| Enable swipe on mobile | Turns the mobile grid into a swipeable slider instead of a stacked list. Disabled by default. |
| Enable "View all" button if blog includes more blog posts than shown | Displays a link/button to the full blog when there are more posts than the section shows. Enabled by default. |
| "View all" type |
Controls how the "View all" control is displayed. Options: • Inline (Default) • Button Only available when the "View all" button is enabled. |
| "View all" style |
Controls the visual style of the "View all" button. Options: • Primary (Default) • Secondary Only available when "View all" is enabled and set to Button. |
| "View all" outline |
Controls the outline style of the "View all" button. Options: • None • Outline • Outline on hover (Default) Only available when "View all" is enabled and set to Button. |
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. |