Customizing the Recipe Card
Customize the appearance and behaviour of your recipe cards in Settings.
Recipe Design Settings
Go to Settings to access all recipe card customization options.
Accent Colour
The accent colour is used throughout your recipe cards for borders, section headers, icons, and button highlights.
To change:
- Go to Settings
- Find Accent Colour
- Click the colour swatch or enter a hex code
- Save changes
Tips:
- Use your brand's primary colour for consistency
- Ensure good contrast against white backgrounds
- Test on mobile to see how it appears on different screens
Recipe Card Border
Add a subtle border around your recipe card to make it stand out on the page.
- Go to Settings
- Find Toggle Recipe Card Border
- Switch on or off
- Save changes
Click to Check
Allow customers to check off ingredients and steps as they cook.
- Go to Settings
- Find Toggle 'Click to Check' Feature
- Switch on or off
- Save changes
When enabled, customers can click on ingredients and directions to mark them as complete. Checked items show with a strikethrough.
Add to Cart Buttons
Available on: Advanced and Enterprise plans
Enable Add to Cart functionality for ingredients linked to products.
- Add to Cart button - Let customers add individual ingredients to their cart
- Add All to Cart button - Let customers add all linked ingredients at once
Advanced Customization
For more control over styling, use Custom CSS Styling to target specific elements with your own CSS rules.
What's Next?
- Recipe Card Templates - Choose your template design
- Custom CSS Styling - Advanced CSS customization
- Add to Cart Button - Configure shopping features