You can have a web designer integrate a custom design for your restaurant by using the Custom HTML feature

This is not a WYSIWYG ("what you see is what you get") feature and does require somewhat advanced knowledge of HTML and CSS, although not any more than is necessary to code any other standard website.

1. Ater logging in, go to Appearance » Custom HTML/CSS

2. Copy and paste the contents of your stylesheet into the CSS text field.

By default, you are simply overriding the theme that is currently selected. This is probably the easiest way to handle things, as the typefaces and other central content will be pre-formatted for you according to the theme, but the site layout itself will be left wide open for your design. In other words, you can save yourself some time by finding a theme that uses fonts you like and just override the layout itself with your content.

If you'd prefer to start from scratch, you can deselect the checkbox labeled "Enable Current Theme" and you will start with raw, un-styled HTML.

Please note that the default themes all use a number of CSS IDs and classes, so you'd probably save yourself a headache by labeling your custom DIVs and SPANs with a prefix, i.e. div#custom_masthead as opposed to div#masthead, unless you're just altering the pre-existing layout.

3. We've provided a Print stylesheet field for your printed styles. This is important for printing menus and coupons, but is optional. If you are overriding a theme's CSS, you can just add display:none to your custom DIVs and SPANs here (unless you want them printed, of course), and the existing print stylesheet should take care of the rest.

4. Paste your custom HTML header and footer into their respective fields.

The site header box will replace all content below the body tag and above the main content of the site. The site head has all the necessary DOCTYPE info pre-coded in so this isn't truly a website header as much as a design header. The site footer box will replace all content below the main content of the site and above the closing body tag. In essence, these two boxes will sandwich the site's content.

Example header:

<div id="custom_header">
  <!-- ... -->
</div>
<div id="custom_content">

Corresponding example footer:

</div>
<div id="custom footer">
  <!-- ... -->
</div>

Or if you're feeling old-school, you could use tables as well.

Example tables-based header:

<table>
  <tr>
    <th>
      <!-- ... -->
    </th>
  </tr>
  <tr>
    <td>

Corresponding tables-based footer:

    </td>
  </tr>
  <tr>
    <td>
      <!-- ... -->
    </td>
  </tr>
</table>

At the bottom the Custom HTML page, there is a list of site assets for you to use. These include link URLs, images, and general site text. All you have to do is include these snippets wherever you'd like the corresponding information to show up and LetsEat.at will swap out the snippet with the correct URL of text on the live site. These snippets all look like this: [# something #]

For example, if you'd like to have a <h1> with the restaurant's name in it, you can do this:

<h1>[# restaurant_name #]</h1>

or for your restaurant's address, you can do something like this:

<p>[# restaurant_name #], [# street_address #] [# city #], [# state #]</p>

For the logo and links, the snippet is the URL:

<img src="[# logo #]" alt="Our Logo" />
<a href="[# coupons #]" class="custom_navigation">Coupons Page</a>

You don't really need to use these links, but they will keep these elements of your site more manageable through the console.