This page lists CSS variables used for Obsidian Publish pages.

CSS variables

Publish-specific variables should be defined on the .published-container.

Page width and padding

VariableDescription
--page-widthWidth of a note when readable line width is on
--page-paddingPadding around a note

Page title

The note title displayed at the top of the page. This title can be hidden in the Publish site settings using the โ€œHide page titleโ€ option.

VariableDescription
--page-title-colorFont color
--page-title-fontFont family, see Site fonts
--page-title-line-heightLine height
--page-title-sizeFont size
--page-title-styleFont style, e.g. normal or italic
--page-title-variantFont variant
--page-title-weightFont weight