Alignment of 'more info' and 'book now' buttons

Topic summary

Main issue: Align the “more info” toggle and “book now” buttons to the bottom of each product box in a Shopify store using the Dawn theme.

Context: The helper requested relevant Liquid (Shopify’s templating language) and CSS code. The OP shared a snippet showing the buttons inside a “bottom-info buttons_box” container with “more_info” and “book_now” elements.

Support offered: The helper suggested professional assistance and asked for contact details, but did not provide a concrete CSS/layout solution. A related forum thread was referenced without a clear fix. Screenshots were shared but are not essential to understanding.

Outcome: The OP implemented a workaround by inserting extra line breaks after shorter product descriptions to equalize the card heights, which visually aligns the buttons at the bottom. They noted it’s not elegant but improves the layout.

Status: Resolved via workaround; no definitive CSS/Liquid solution offered in the thread, and no further actions recorded.

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

I don’t actually know anything about programming, but this bit of the Liquid Files looks promising:

{{block.settings.title}}
{{block.settings.description}}
{{block.settings.widget}}
1 Like