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:
  • Heading
  • Body

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:

  • Small
  • Medium
  • Large
Font weight

Font weight defines the thickness or boldness of text on your store. Available options for heading:

  • Normal (400): The default font weight for body text, which can also be applied to headings.
  • Medium (500): Slightly thicker, suitable for emphasized body text or light headings.
  • Semi-Bold (600): Heavier, ideal for subheadings or highlighted text.
  • Bold (700): Strongest weight for maximum emphasis.
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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us