Taking your menu to the next level

Using HTML coding to improve the visual appeal of your menu

When putting the final touches on your menus such as photos and descriptions. We do not have the same functionality as most Word programs to apply decorative features such as Bold, Italic, or Underline.

However, there is a beautiful language called HTML coding that can assist us here. It may be a bit daunting at first, but is a very fun and powerful tool to have in your arsenal for future use.

In this article, we will list the basic coding that will make a huge difference to the visual appeal of your menu.


How to use HTML Coding

To make changes to the text:

  1. Start with a left (<) and right (>) angle bracket with the desired code in between them. 
  2. Then, to stop the changes, we use the same left (<) and right (>) angle brackets and add in a '/' in front of the code.

Here are the most common codes we use

<b>Text</b> = BOLD

<i>Text</i> = ITALIC

<u>Text</u> = Underline

<br> = break (this will start a new sentence on the line below)

<font color=#000000>Text</font> = Change font colour (Insert HEX code if you have it)

<font size="-1"> Text </font> = Change font size


Here is an example of how this translates in a sentence

What you see in the HungryHungry backend: 

The <b>store</b> is now open for <u>business</u>! <br> <i> Come on in! </i>

What the customer see's on the menu:

The store is now open for business! 

Come on in!

Want to learn more or have feedback for us? Say hello!

💬 CHAT:  Chat with us online! You can find our LiveChat, 'Crumpet' in the bottom right-hand corner of our website.

📞 PHONE: 1300 992 650

✉️ EMAIL: help@hungryhungry.com