Select Page
Login to start this course
Course Status: N/A

Introduction

Restaurant Menu Divi Module is used to render a multi-column food item menu. It offers the minutest levels of customization. Following are options

Content Tab – Data Options

The Data section in the content tab offers options to help filter out the menu items.

  • Show Category Description: To show the category description below the category title, select this option.
  • Only Show Specific Categories: When enabled, this options will provide additional field to select categories. Menu items belonging to these category will be show.
  • Include from only these categories: This option allows you to select multi-checkboxes. These select categories’s menu items will be displayed.
  • Currency: The currency symbol one would like to show before the price.

Data Options

Design – General

This section has the following options

  • Columns: Used to set the number of columns per row. Values are from 1 to 4.

General Options

Design – Menu Item

Provides options to style the restaurant menu item. Following are the options.

  • Has Divider: If selected, a border is added to the bottom of the menu item which acts as a separator.
  • Divider Color: Color of the border as mentioned above.

Menu Item

Design – Menu Item Title

This section allows to style the menu item title. Some of the options for this include

  • Menu Item Title Font: Set font and styles settings.
  • Menu Item Title Font Size: Set the font size of the text.
  • Menu Item Title Color: Set color of the text.
  • Menu Item Title Letter Spacing: Set the letter spacing of the text.
  • Menu Item Title Line Height: Set the line height of the text.

Menu Item Title Options

Design – Menu Item Description

This section allows to style the menu item description. Some of the options for this include. This is for version 3.0.0 and above

  • Menu Item Description Font: Set font and styles settings.
  • Menu Item Description Font Size: Set the font size of the text.
  • Menu Item Description Color: Set color of the text.
  • Menu Item Description Letter Spacing: Set the letter spacing of the text.
  • Menu Item Description Line Height: Set the line height of the text.

Menu Item Description Options

Design – Menu Item Price

This section allows to style the menu item description. Some of the options for this include. This is for version 3.0.0 and above

  • Menu Item Price Font: Set font and styles settings.
  • Menu Item Price Font Size: Set the font size of the text.
  • Menu Item Price Color: Set color of the text.
  • Menu Item Price Letter Spacing: Set the letter spacing of the text.
  • Menu Item Price Line Height: Set the line height of the text.

Menu Item Price Options

Design – Category Title

This section provides the following options to style the restaurant category text:

  • Category Font: Set font and styles settings.
  • Category Font Size: Set the font size of the text.
  • Category Color: Set color of the text.
  • Category Letter Spacing: Set the letter spacing of the text.
  • Category Line Height: Set the line height of the text.

Category Options

Design – Description

This section provides the following options to style the restaurant category description text:

  • Category Description Font: Set font and styles settings.
  • Category Description Font Size: Set the font size of the text.
  • Category Description Color: Set color of the text.
  • Category Description Letter Spacing: Set the letter spacing of the text.
  • Category Description Line Height: Set the line height of the text.

Category Description

Design – Sub-Category

This section provides the options to style the restaurant sub category text:

  • Sub-Category Font: Set font and styles settings.
  • Sub-Category Font Size: Set the font size of the text.
  • Sub-Category Color: Set color of the text.
  • Sub-Category Letter Spacing: Set the letter spacing of the text.
  • Sub-Category Line Height: Set the line height of the text.

Sub-Category Options

Design – Tagged Item

This section provides the following options to style the tagged item category text:

  • Background Color: Set the background color.
  • Tagged Item Font: Set font and styles settings.
  • Tagged Item Font Size: Set the font size of the text.
  • Tagged Item Color: Set color of the text.
  • Tagged Item Letter Spacing: Set the letter spacing of the text.
  • Tagged Item Line Height: Set the line height of the text.

Tagged Item Options

Advanced – Custom CSS

This module provides fine-grain control over various menu element by offering the ability to add custom css. Following the elements over which custom css can be added.

  • Menu Item Container
  • Menu Item Title
  • Menu Item Description
  • Menu Item Price
  • Category
  • Sub Category
  • Tagged Item

Custom Advanced CSS Options


Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation