Hook reference

[data-component="auth-links"] matches both the header cluster and the membership block in the mobile menu. Scope your rule to the one you mean: add :not([data-variant]) for the header only, or [data-variant="sidebar"] for the mobile menu only. A bare rule such as [data-component="auth-links"] { display: none } hides both, which leaves phone readers with no way to sign in or join.

[data-component="post-nav-link"] matches both the sidebar card and the band under the article. Scope your rule to the one you mean: prefix it with [data-region="end-sidebar"] for the sidebar card, or [data-region="post"] for the band.

The end-of-article band is a container query container named nlcta, so its subscribe field and headline respond to the width of the article column rather than the browser window. That means they stay correct whether a reader has both sidebars open or closed. You can use the same handle in Code injection, for example @container nlcta (min-width: 40rem) { … }, to retune the band only when the column is wide.

Every post uses the centered header by default. You can give one post a different hero with an internal tag — #hero-split-right, #hero-split-left, #hero-cinematic, or #hero-immersive — set up in Editorial conventions. Each layout exposes a [data-region="post-header"][data-variant="…"] hook above, so you can fine-tune it from Code injection. The split layouts respond to the article column width, so they stay side-by-side on wide columns and stack neatly when a sidebar narrows the space; the immersive hero spans the full browser width above the sidebars.

The #dropcap internal tag opens a post or page with an elegant oversized initial on the first paragraph — set up in Editorial conventions. Fine-tune it from Code injection via the [data-region="post-body"][data-variant="dropcap"] hook above (the ::first-letter pseudo-element carries the styling).

Unlike some themes, Enova doesn't render a visible breadcrumb trail (it ships breadcrumbs as invisible SEO metadata only), so there's no breadcrumb hook to style.

[data-part="group-label"] is safe to restyle: change its colour, size, or the space it occupies. Avoid display: none on it, though. The letters are what screen readers announce as the section headings for each group, so hiding them removes that structure. To turn grouping off entirely, readers already have the Most posts sort.

The page wrapper carries data-grouped="true" while letter grouping is on (it flips to false under Most posts sorting), and data-filtering="true" while a reader is searching. Both are read-only markers you can select on, for example [data-archive-index][data-filtering="true"] [data-component="tag-spotlight"] { opacity: .4 } to fade the featured row during a search.

[data-format-count] is a functional marker the theme's own script reads, so use it to select an element (for example [data-format-count] { font-variant-numeric: tabular-nums }) rather than adding or removing it in your own markup.

Every hook on this page is a stable, documented API. We treat renaming or removing one as a breaking change and call it out in the changelog — so a rule you write today keeps working through theme updates.