Thanks - I’ve seen several responses on here where someone provides the code and tells the poster where to place it. However, none of the other responses work for the Crave theme. So yes, I’m aware this requires coding, but I am hoping someone will be able to assist.
Topic summary
Core issue: In the Crave theme’s Image with Text section, only one button is available by default. The goal is to add 2–3 buttons and display them side by side.
What was tried: A generic suggestion to duplicate button settings in image-with-text.liquid didn’t match Crave’s code structure. The OP instead found a “type”:“button” block in the section schema with limit set to 1 and increased it to 3, which enabled multiple buttons.
Current problem: After increasing the limit, buttons do not render beside each other. They stack or appear squashed without spacing, rather than aligning in a single row.
Additional report: Another member changed the limit from 2 to 5 and saw the buttons cramped together, asking how to add margins/spacing.
What’s missing: Concrete code/CSS specific to Crave to lay out multiple button blocks horizontally (e.g., define a container for button blocks and apply appropriate spacing). No working snippet or theme-specific guidance has been provided yet.
Status: Unresolved and ongoing. The thread needs a Crave-compatible markup/CSS solution to align and space multiple buttons in one row.
Note: A mockup image was shared to illustrate the desired layout.
1 Like