In UpMenu you can change the background of your restaurant's website. You can also set a different background for each subpage. This can make your website more attractive to your customers and meet your needs.

Upload your own background

  1. Go to Website” → “Theme”.

  2. Expand the options, select "Code Editor".

  3. Go to "Assets" and upload your own photo file for the new background. We recommend photos with a width: 2000px, aspect ratio: panorama, format: jpg

  4. In the "Styles" section open the custom-style.css file and add to the first line below code: body {
    background-image: url({{site.assets_path}}/FILE_NAME.jpg);
    }

  5. Then change "FILE_NAME" to the name of the uploaded file with the photo that should be the new background.

  6. Select "Save".

  7. The uploaded background is now visible on your restaurant's website, it is the same for each subpage.

Uploading background to subpages

  1. Go to Website” → “Theme”.

  2. Expand the options, select "Code Editor".

  3. Go to "Assets" and upload your own photo file for the new background. We recommend photos with a width: 2000px, aspect ratio: panorama, format: jpg

  4. In the "Styles" section open the custom-style.css file and add to the first line below code: body.theme-SITE_NAME {
    background-image: url({{site.assets_path}}/FILE_NAME.jpg);
    }

  5. In the "SITE_NAME" part, enter the name of the subpage to which you want to upload the background. Names of subpages can be found in "Website"→""Theme"→"Code Editor" in "Templates" section. For example, if you change the background on the gallery subpage, enter its name in the code: body.theme-gallery

  6. Then change "FILE_NAME" to the name of the uploaded file with the photo that should be the new background.

  7. To change background in few subpages enter the correct code one by one.

  8. Select "Save".

  9. The uploaded background is now visible on your restaurant's website in the subpages it was uploaded to.

What next?

Getting started with CMS

Did this answer your question?