1. Home
  2. Docs
  3. WooFoo – Restaurant...
  4. Plugin Settings
  5. Custom Design

Custom Design

Item Settings

This content setting option for Custom Design.

Item

  1. Add Item: Click the add item button, and you will get a new item.

Item Options


Click on any item list you will get these options.

  1. Title: You can set your item title.
  2. Content: You can set your item description.
  3. Show Image: We have the option to set an image. If you don’t want to set any image, then off the switcher.
  4. Icon: We have the option to set an icon. If you don’t want to set any icon, then off the switcher.
  5. Show Label: You can show or hide the label.
  6. Label: You can add label text.
  7. Sale Price: You can set sale price of product.
  8. Regular Price: You can set regular price of product.
  9. Show Button: You can show or hide button.
  10. Button Text: You can add button text.
  11. Link: You can set button link.
  12. Show Customer Rating: You can show or hide customer rating.
  13. Customer Rating: You can select rating for product.
  14. Show Highlight Product: You can show your product as highlight product.

Show Rating Star

  1. Go to the WordPress admin dashboard of your website.
  2. Navigate to the Elementor settings.
  3. Look for the “Advanced” settings or options related to Elementor.
  4. Find the option to “Enable Load Font Awesome 4 Support” and make sure it is turned on or enabled. This will allow the use of Font Awesome 4 icons, which will be necessary to display the five stars.


You need to enable Load Font Awesome 4 Support in Advanced settings of Elementor to show Star Rating.

Style Settings

The content settings are divided into various sections.

Item

  1. Item Background Color: Here, you can set the background color of item.
  2. Highlight Background Color: Here, you can set the background color of highlighted item.
  3. Highlight Border Color: Here, you can set the border color of highlighted item.
  4. Border Type:  You can set the border for item.
  5. Box Shadow:  You can set the box shadow for item.
  6. Item Border Radius:  You can set the border radius for item.
  7. Content Padding:  You can set the padding for item content.

Image

  1. Image Border Radius: Here, you can set border radius for image.
  2. Border Type: You can select border type for image.

Title

  1. Typography: Here, you can set typography for your title.
  2. Title Color: You can set the title color here.
  3. Title Spacing:  You can set spacing for your title.

Description

  1. Typography: Here, you can set typography for your Description.
  2. Description Color: You can set the Description text color here.
  3. Description Spacing:  You can set spacing for your Description.

Price

  1. Currency Symbol Position: You can set position of currency symbol.
  2. Regular Price Typography: You can set typography for your Regular price.
  3. Regular Price Color:  You can set the Regular Price color here.
  4. Price Line Through: You can set line through Regular price.
  5. Price Line Through Width:  You can set the width of line through for Regular price.
  6. Sale Price Typography: You can set typography for your Sale price.
  7. Sale Price Color:  You can set the Sale Price color here.
  8. Price Spacing: You can set spacing between sale price and regular price.

Button

  1. Typography: You can set typography for button text.
  2. Button Spacing:  You can set spacing for your product Button.
  3. Toggle button:  You can select normal or hover by toggle button.
  4. Text Color:  You can set the text color for button here.
  5. Button Background Color:  You can set the background color for button.
  6. Border Type: Here, you can select border type for button.
  7. Border Radius:  Here, you can set border radius for button.
  8. Button Padding:  You can add padding for button.

Icon

  1. Icon Size: You can set the icon size.
  2. Icon color: You can set the icon color.
  3. Icon Background Color:  You can choose an icon background color.
  4. Border Type: You can select the icon border type.
  5. Icon Border Radius: Here, you can set the border radius for icon.
  6. Icon Padding:  Here, you can add padding for icon.

Rating

  1. Rating Spacing: You can set spacing for Rating.
  2. Rating Size: Here, you can set size of rating.
  3. Rating Color: You can set color of rating.
  4. Rating Fill Color: You can set color of fill rating.

Label

  1. Label Typography: You can set typography for label text.
  2. Label Color: You can set the label color.
  3. Label Background Color:  You can choose an label background color.
  4. Border Type: You can select the label border type.
  5. Label Border Radius: Here, you can set the border radius for label.

How can we help?