The Title field of a menu item supports HTML, allowing you to customize how your menu titles appear on the storefront.

You can use basic HTML tags to style text, highlight important items, or improve visual hierarchy in your menu.

Common Use Cases

1. Change Text Color

Use the <font> tag to apply a custom color: <font color="#ff0000">MENU TITLE</font>

2. Bold Text

Make your menu item stand out: <b>MENU ITEM</b>

3. Italic Text

Add emphasis to specific items: <i>MENU ITEM</i>

Additional Examples

4. Underline Text

<u>MENU ITEM</u>

5. Combine Styles

You can combine multiple HTML tags: <b><i>MENU ITEM</i></b>

6. Add Line Break

Display text on multiple lines: MENU<br>ITEM

7. Adjust Font Size

<font size="5">MENU ITEM</font>

8. Use Inline CSS for Advanced Styling

For more flexibility, use inline styles:

<span style="color: #ff0000; font-weight: bold; font-size: 16px;">MENU ITEM</span>

9. Add Icons or Emojis

🔥 MENU ITEM or <span>⭐ MENU ITEM</span>

Notes

• Avoid using overly complex HTML to ensure compatibility and performance.
• Always preview your menu after applying changes.

If you need more advanced customization (e.g., adding images or dynamic content), feel free to contact our support team.

Updated on: 17/04/2026