Move View All to Collection Name line - Dawn 14.0.0

Topic summary

Goal: Place the “View all” link on the same line as the featured collection title in Dawn 14.0.0, aligned left/right with equal padding.

Actions taken:

  • In featured-collection.liquid, the “view all” block was moved closer to the title. Code snippet central to the change: the section.settings.show_view_all block was cut and pasted near the title area.
  • Changed class from “center” to “right” for the view-all container:
    .
  • Added CSS in base.css: .collection__view-all { padding: 0 5rem; } which fixed side padding.

Issues/attempts:

  • Vertical alignment still off; “View all” not on the exact same line as the title.
  • Suggestion to match font-size of the link to the title (via calc + rem) made the link too large and was rejected.
  • Clarified that titles use font-size/line-height, not height; proposed adjusting top/bottom padding (e.g., 1–4rem), but user reported it affected layout sideways or spacing.

Latest request:

  • A conditional solution to lower only collection titles that have a “View all” (i.e., apply offset when show_view_all is true).

Status: Partially resolved (padding and right alignment). Vertical alignment and conditional title offset remain open; preview URL shared.

Summarized with AI on December 23. AI used: gpt-5.

@Guleria I don’t understand, it seems to only change it sideways. I tried doing .collection__view-all {height: x} but that also changed the collection name and how far it was from the actual collection, so that didn’t work.