Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Page Width Toggle

heono3hheono3h89 downloads

Toggle page width per note between default and wide with one click from the ribbon, command palette, right-click menu, or the note more-options menu.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

An Obsidian plugin that toggles per-note page width between the default and wide modes with one click.

Features

  • Per-note width — does not affect vault-wide "readable line length" settings
  • 4 entry points — ribbon icon, command palette, editor right-click menu, note more-options menu

Width states

State cssclasses Width
Default (none) Obsidian default
Wide wide 100% of window width

A narrow (560px) class is also defined in the CSS snippet. It is not part of the toggle cycle, but you can apply it manually via cssclasses: [narrow] in a note's frontmatter.

Installation

Manual

  1. Download main.js, manifest.json, and page-width.css from the latest release
  2. Copy main.js and manifest.json to your vault's .obsidian/plugins/page-width-toggle/ folder
  3. Copy page-width.css to your vault's .obsidian/snippets/ folder
  4. Obsidian → Settings → Appearance → CSS snippets → enable page-width
  5. Settings → Community plugins → enable Page Width Toggle

BRAT (beta)

  1. Install the BRAT plugin
  2. BRAT settings → Add Beta Plugin → enter HEONO3H/page-width-toggle
  3. Install the CSS snippet manually as in steps 3–4 above

License

MIT


한국어 (Korean)

노트별로 페이지 너비를 기본/넓게(Wide) 토글하는 Obsidian 플러그인.

기능

  • 노트별 너비 토글 — 볼트 전체 설정과 무관하게 노트마다 개별 적용
  • 4가지 진입점 — 리본 아이콘 / 명령 팔레트 / 에디터 우클릭 / 노트 ⋯ 메뉴

너비 상태

상태 cssclasses 너비
기본 (없음) Obsidian 기본값
넓게 wide 100% (창 너비)

narrow (560px) 클래스도 스니펫에 정의되어 있으며, 프론트매터에 cssclasses: [narrow]로 수동 적용 가능합니다.

설치

수동 설치: 최신 릴리스에서 main.js, manifest.json, page-width.css 다운로드.

  • main.js, manifest.json → .obsidian/plugins/page-width-toggle/
  • page-width.css → .obsidian/snippets/
  • Obsidian → 설정 → 모양 → CSS 스니펫에서 page-width 활성화
  • 설정 → 커뮤니티 플러그인에서 Page Width Toggle 활성화

BRAT: Add Beta Plugin → HEONO3H/page-width-toggle 입력.

96%
HealthExcellent
ReviewSatisfactory
About
Toggle per-note page width between the default readable length and a full-window wide mode with one click. Use the ribbon icon, command palette, editor right-click or note menu; keep changes per-note (doesn't change vault-wide readable line length), and apply an optional narrow CSS class manually via frontmatter.
AppearanceCSS
Details
Current version
1.0.0
Last updated
Last month
Created
Last month
Updates
1 release
Downloads
89
Compatible with
Obsidian 1.0.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
heono3hheono3h
GitHubheono3h
  1. Community
  2. Plugins
  3. Appearance
  4. Page Width Toggle

Related plugins

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Lapel

Show the heading levels in the gutter of the editor.

Snippetor

Create and tweak common snippets.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Contextual Typography

Add a data-tag-name attribute to all top-level divs in preview mode containing the child's tag name, allowing contextual typography styling.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Better Bullets

Improves readability of bulleted notes.

Color Palette

Create and insert color palettes into your notes.

Linkify

Convert matching text into links.

Regex Mark

Add custom CSS classes to text based on regular expressions.