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
- Go to “Website” → “Theme”.
- Expand the options, select "Code Editor".
- 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
- 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);
} - Then change "FILE_NAME" to the name of the uploaded file with the photo that should be the new background.
- Select "Save".
- The uploaded background is now visible on your restaurant's website, it is the same for each subpage.
Uploading background to subpages
- Go to “Website” → “Theme”.
- Expand the options, select "Code Editor".
- 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
- 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);
} - 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
- Then change "FILE_NAME" to the name of the uploaded file with the photo that should be the new background.
- To change background in few subpages enter the correct code one by one.
- Select "Save".
- The uploaded background is now visible on your restaurant's website in the subpages it was uploaded to.