https://liquid-stack.pages.dev/tags/css/Recent content in CSS on Liquid StackHugo -- gohugo.ioen-USMy BlogSat, 25 Jul 2026 00:00:00 +0000https://liquid-stack.pages.dev/p/customizing-liquid-stack-styles/Sat, 25 Jul 2026 00:00:00 +0000https://liquid-stack.pages.dev/p/customizing-liquid-stack-styles/<p>This guide explains how to adjust Liquid Stack’s visual style without breaking upgrades or responsive layouts.</p> <h2 id="start-with-configuration">Start with configuration </h2><p>Begin with the title, sidebar subtitle, avatar, and color settings in <code>hugo.yaml</code>. Prefer front matter and <code>data/</code> files for content changes instead of editing theme source directly.</p> <h2 id="add-scoped-styles">Add scoped styles </h2><p>Site-level styles live in <code>assets/scss/custom.scss</code>. Give new components clear class names and avoid broad element overrides, which can unintentionally affect posts, menus, and mobile layouts.</p> <h2 id="preview-every-change">Preview every change </h2><p>After changing color, spacing, or type, check the home page, posts, photo wall, launchpad, and dark mode. Finish with a full Hugo build to catch missing resources and template errors.</p>