Skip to main content
The Blog Posts section lets you control the content, layout, and presentation of this part of the Everest storefront. Most changes happen directly in the Theme Customizer, so you can adjust structure first and then refine styling, spacing, and supporting blocks with confidence. Blog Posts overview

​
What this section controls

  • Layout structure, width, alignment, and spacing
  • Calls to action, links, and navigation behavior
  • Color schemes, contrast, and shared visual styling
  • Block types such as Article Card

​
Getting started

1

Open the Theme Customizer

In Shopify admin, go to Online Store -> Themes -> Customize.
2

Add or open Blog Posts

Add the Blog Posts section to a compatible template or select the existing section from the left sidebar.
3

Adjust the main settings first

Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
4

Review blocks and supporting content

Add, remove, or reorder blocks after the main layout feels right so content hierarchy stays easier to manage.
Blog Posts location in Theme Customizer

​
Section settings

​
Settings

Blog Posts Settings settings
Select the blog source used for blog.

​
Layout

Blog Posts Layout settings
Choose how Desktop behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Grid, Carousel.Default: carousel

​
Number of columns

Blog Posts Number of columns settings
Adjust Desktop with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range: 1 to 6 Default: 4
Adjust Mobile with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range: 1 to 1.4 Default: 1
Blog Posts Carousel layout settings
Select the color scheme used for color for navigation.Use this to keep contrast and branding consistent with the rest of the store.Default: scheme-1
Enable or disable Overflow.Default: disabled

​
Common settings

Blog Posts Common settings
Choose how Section width behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: Page, Fluid, Full.Default: page
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.Default: scheme-1
Choose how Top spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default: 2
Choose how Bottom spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default: 2
Choose how Section border behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: None, Top, Bottom, Both.Default: none

​
Block settings

​
Article Card

Blog Posts Article Card settings This block controls the article card content used inside the Blog Posts section.

​
Style

Blog Posts Style settings
Choose how Card frame behaves in the section.Available options: None, Border.Default: border
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.

​
Content

Blog Posts Content settings
Choose how Padding behaves in the section.Available options: No, S, M, L.Default: lg
Choose how Vertical alignment behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: ⤒, Center, ⤓.Default: start
Choose how Horizontal alignment behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: ⇤, Center, ⇥.Default: start

​
Media

Blog Posts Media settings
Upload or choose an image for image.Review the result on both desktop and mobile when media changes are involved.
Choose a hosted video for video.Review the result on both desktop and mobile when media changes are involved.Overwrites the image.
Choose how Media position behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Inline, Background.Default: inline
Choose how Aspect ratio behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Auto, Square, 4:3, 3:4, 3:2, 2:3, 5:4, 4:5, 16:9, 9:16, 2:1, 4:1, 8:1, 1:2.Default: 1.00This setting only appears when its related parent option is enabled.
Choose how Object fit behaves in the section.Review the result on both desktop and mobile when media changes are involved.Available options: Cover, Contain.Default: coverThis setting only appears when its related parent option is enabled.
Supports nested blocks:
  • Heading for more granular content inside this block.
  • Text for more granular content inside this block.
  • Article Card Details for more granular content inside this block.
  • Article Card Tags for more granular content inside this block.

​
Best practices

  • Check contrast after changing color schemes so text and controls remain easy to read.
  • Keep labels short and scannable, especially in tighter layouts or utility areas.
  • Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
  • Start with the structural settings first, then refine decorative styling after the layout feels settled.
  • Preview the section with realistic content length to catch spacing and wrapping issues early.