Guide to Sections

Food Truck Pro Theme Documentation

Welcome to the Food Truck Pro Theme Documentation. This comprehensive guide will help you install, configure, and optimize your Food Truck Pro theme to create a professional and engaging website for your food truck business.

Introduction

The Food Truck Pro Theme is a modern and feature-rich WordPress theme designed for food trucks, street vendors, and mobile food businesses. It provides an easy-to-use interface, extensive customization options, and a user-friendly experience to help you create a visually stunning and functional website.

Customization and General Settings

Navigate to Appearance > Customize to access the theme settings:

Site Identity: Upload logo, change site title, and tagline.

Colors & Fonts: Modify primary colors, typography, and background settings.

you can modify colors, fonts, typography, button, page layouts from site setting in elementor page builder

Layout Settings: Adjust width, spacing, and container styles.

Header and Navigation Configuration

Step 1: Logo and Header Image and menu
You can drag & drop site logo in container and show the site logo

than you can create menu navigation from elementor widget you can create menu of 2 way

first you can drag and drop wordpress menu create in

  • Go to Appearance > Menus.

  • Click Create a New Menu.

  • Add pages, categories, and custom links.

  • Assign the menu to Primary Navigation.

  • Save changes.

First you can drag and drop menu from elementor widget. you can add item if you wish, or you can easly drag each item, than you can add button tag from widget and add custom style from style setting 

Footer Configuration

Footer Settings: Enable or disable widgets, copyright text, and footer links.

you can add newslatter form, timing, contact details, logo, menu and if you wish in footer, and create you best design.

Homepage Setup

Using Pre-Built Layouts

Navigate to Setting >> Reading

Select Static Page.

Choose an existing homepage or create a new one.

Adding Section in Home page using Elementor

Use the Drag & Drop Builder to add elements like:

Hero Banner with call-to-action.

About Us section.

Why Choose Us.

Featured Menu Items.

Testimonials.

Newsletter Signup.

Best Team.

Famouse Dishes.

News & Blog.

Portfolio.

contact.

Background Image: The photos for the background can be set here.
Background Heading Title: Here, you may choose whether the Background title will appear.
Banner Text: You can configure the text to appear on a Background image using the Text feature.
Banner Heading Color: Give permission to change the color of the Banner’s header.
Banner Heading Fonts: This option allows you to alter the Banner heading’s font.
Button Text Fonts: You can alter the font used for button text by selecting this option.

About Us section.

Content Settings
Title: Modify the text in the “Title” field.
HTML Tag: Choose from H1, H2, H3, etc., based on SEO importance.
Styling the Heading
Click on the Style tab.

Alignment: Choose Left, Center, Right, or Justified.
Typography: Click the globe icon 🌐 to select a Google Font.
Set Font Family (e.g., “Playfair Display, Roboto”).
Adjust Font Size, Weight, Transform (Uppercase/Lowercase), and Line Height.
Text Color: Click the color icon 🎨 and pick a color.
Text Stroke: Add an outline to the text.
Text Shadow: Enable and customize shadow effects.
Blend Mode: Set blending for creative effects.

Advanced Customization (Optional)
Click the Advanced tab.
Add Padding & Margin for spacing.
Enable Motion Effects (e.g., Fade-In animation).
Adjust Z-Index if text overlaps with other elements.

Why Choose Us.

Customize the Heading Widget
Editing the Container Layout
Customize Each Feature Box

  • Click on a feature box (e.g., “560+ Food Category”).
  • Customize:
    • Text & Numbers inside the box.
    • Icons (Change or upload custom icons).
    •  Under the Style tab:
    • Adjust Background Color (Dark/Light).
    • Modify Border Radius for rounded corners.
    • Change Typography & Text Color.

Featured Menu Items.

Customizing the Heading
Editing Menu Categories (Tabs)
Click on the category buttons (“Food”, “Snack”, “Beverage”, “Desert”).
Adjust: Text & Background Color (Active & Normal state).
Spacing & Padding for layout adjustments.
Border Radius for rounded corners.
Editing Menu Items
Customize Food Items

  • Click on a menu item (e.g., “DoughNation Pizza”).
  • Change:
  • Image (Upload a new image).
  • Title (Name of the dish).
  • Description (Short details).

Testimonials.

Open the Carousel Widget

  • Click on the Carousel section to open the settings on the left panel.
  • You will see the Slides section with multiple items (Slide #1, Slide #2, etc.).
  • You can:
    • Edit an existing slide by clicking on it.
    • Delete a slide by clicking the “X” icon.
    • Duplicate a slide using the copy icon.
    • Add a new slide by clicking “+ Add Item.”

Adjusting Carousel Settings

  • Go to the “Advanced” Tab (for layout tweaks).
  • Adjust:
    • Auto-Play – Enable/disable automatic sliding.
    • Navigation Arrows – Change arrow styles or hide them.
    • Slide Speed – Adjust transition speed.

Newsletter Signup.

you can find or track your ordering food location throught find me button, click on fine me button open map and track the your food.

Add or Edit the Video

  • In the “Video Link” field:
    • You can add a YouTube or Vimeo link.
    • Or upload an MP4 file (recommended for better performance).
  • Adjust:
    • Start Time – Enter when the video should begin.
    • End Time – Enter when the video should stop.

Best Team.

Changing the Chef’s Image
Adjusting Image Resolution
Updating Chef’s Name & Title
Adding Social Media Links
Styling & Alignment Adjustments

Famouse Dishes.

Carousel (Food Item Cards) Setup

  • Click on the Carousel Widget (where food items are displayed).
  • In the Content Tab:
    • Add more food images if needed.
    • Set image aspect ratio to 1:1 for consistency.
    • Adjust title text below each image (e.g., “Black Beast Burger”).
  • In the Style Tab:
    • Add rounded corners to the cards for a modern look.
    • Add box shadow to make the cards stand out.
    • Adjust spacing to prevent overlap.

News & Blog.

Improve Blog Card Styling
Background Color: If needed, set a light background for contrast.
Border Radius: Add subtle rounded corners for a modern look.
Box Shadow: Add a soft shadow to create depth
Typography Enhancements

  • Blog Titles
  • Blog Category
  • Read More Button
  • user & Comments

Portfolio

  • Image Alignment & Spacing
  • Typography Adjustments
  • Navigation & Portfolio Slider

Contact Form Enhancements

you can add form in contact section if wish add fields in your form
  • Form Styling
  • Button Customization