Black Friday Sale
Exclusive Design & Shopify Themes Resources
Hire us Hire Us
View Categories

How to cusmize blog sidebar

Go to Shopify Admin → Online Store → Themes
Click Customize → Open Default blog post template.

The blog post page contains:

  • Article content
  • Sidebar
  • Comments

Sidebar Section

Select Sidebar section.

The sidebar controls the right side content area of the blog article page.

Settings:

SettingDescription
BordersEnable or disable sidebar item border.
Corner RadiusAdjust sidebar card rounded corners.
Inherit Color SchemeUse parent section colors.
Color SchemeChange sidebar background and style.

Sidebar Padding

Control inside spacing:

SettingDescription
TopAdjust top spacing.
BottomAdjust bottom spacing.
LeftAdjust left spacing.
RightAdjust right spacing.

Sidebar Blocks

You can add, remove, reorder, or customize sidebar blocks.

Available blocks:

  • Search
  • Category
  • Recent Article
  • Article Tags

Search Block

Select Search block.

This block allows visitors to search blog articles.

Customize:

SettingDescription
TitleChange search heading text.
Heading SizeSelect heading style.
TextAdd description text.
Body StyleChoose text style.
SizeAdjust search content size.

Border settings:

  • None / Solid border
  • Border thickness
  • Border opacity
  • Corner radius

Padding:

  • Top
  • Bottom
  • Left
  • Right

Category Block

Select Category block.

Shows available blog categories.

Settings:

SettingDescription
TitleChange category heading.
Heading SizeSelect title size.
Select Categories MenuChoose category navigation menu.

Style options:

  • Border style
  • Border thickness
  • Border opacity
  • Corner radius
  • Color scheme

Padding controls:

  • Top
  • Bottom
  • Left
  • Right

Recent Article Block

Select Recent article block.

Shows latest blog posts.

Settings:

SettingDescription
TitleChange block heading.
Heading SizeAdjust heading size.
Blog NameSelect which blog posts show from.
Post CountNumber of posts displayed.

Display options:

  • Show tags
  • Show date

Design:

  • Border style
  • Border thickness
  • Border opacity
  • Corner radius
  • Color scheme

Padding:

  • Top
  • Bottom
  • Left
  • Right

Article Tags Block

Select Article tags block.

Displays article keywords/tags.

Settings:

SettingDescription
TitleChange tag heading.
Heading SizeChoose title size.

Design controls:

  • Border none / solid
  • Border thickness
  • Border opacity
  • Corner radius
  • Color scheme

Padding:

  • Top
  • Bottom
  • Left
  • Right

Save Changes

After editing:

  1. Arrange sidebar blocks as needed.
  2. Check desktop and mobile preview.
  3. Click Save.

Your Blog Post Sidebar customization is complete.