1. Home
  2. Docs
  3. Xpro Addons For Beaver Builder
  4. Modules
  5. Restaurant Menu

Restaurant Menu

Introduction

How to Add Images to Menu Items in Restaurant Menu Module for Beaver Builder?

Xpro Addons for Beaver Builder provides the option to add food images to menu items and this is quite simple:

Step 1: Open the Restaurant Menu module setting in the Xpro Media Modules section.
Step 2: Drag and drop the Restaurant Menu module.
Step 3: Select the Menu Style option to Style 2 in the General Tab and go to the Menu Items Tab in the General Section.

Step 4: In the Menu Items option, click on the Edit Menu item. Here Restaurant Menu Item Setting Tab will open.

Step 5: In the Restaurant Menu Item Setting section, head over the Image Basic tab and click on the Select Photo option to upload the image from your Media Library.

Step 6: Make the other necessary changes from Image, Style, Typography and Advanced Tabs and click the Save button. Here the output will be displayed like this!

How to Position the Background Image in Restaurant Menu Module?

Xpro Addons for Beaver Builder provides the option to position the Background Image in Restaurant Menu Module and it can be done in just a few steps:
Step 1: Open the Restaurant Menu module setting in the Xpro Media Modules section.
Step 2: Drag and drop the Restaurant Menu module.
Step 3: Select the Menu Style option to Style 2 in the General Tab and go to the Menu Items Tab in the General Section.

Step 4: In the Menu Items option, click on the Edit Menu item. Here Restaurant Menu Item Setting Tab will open.

Step 5: In the Restaurant Menu Item Setting section, head over the Image Basic tab and click on the Select Photo option to upload the image from your Media Library.

Step 6: Now, go to the Image section and select the Background Position in the Background Image tab of your choice from the Dropdown menu options.

Step 7: Finally, select the Background Repeat and Background Size options for image positioning and placing and click the Save button when it’s done.

Image Background Position will be displayed as:

Was this article helpful to you? Yes No

How can we help?