• Start
  • Important FAQ
  • Theme Installation
  • Homepage Setup
  • Header Setting
  • Setup Navigation
  • Setup Homepage Slider
  • Section
  • Homepage Sections
  • Footer
  • Page Templates & Sidebars
  • Widgets
  • Contact Page
  • Shortcodes
  • Basic Setting / Font / Color
  • Portfolio
  • Gallery

Citrus - Restaurant WordPress Theme

Created: 23 September 2023

Latest Update: 23 September 2023

Version: 1.0

Recommended WordPress Version : 6.0 & Above

By: risingthemes

Email : support@risingthemes.net

Preview Image

Thank you very much for purchasing our theme.

We hope you have enjoyed the template’s live preview and you want to create such a beautiful website. Now, this documentation is everything needed for you to setup your perfect website. Please follow each instruction carefully, even single a line of code can do wonders (in all senses) so please don’t miss anything on this user guide


If you have any question, please feel free to contact us.

Read this before you edit anything

1. Why this documentation is very important?

We are sure that we have covered all the essential instructions needed to setup a nice theme as you see in our template’s live preview. We expect you to read this user guide before you open any support request (if you ask about things already present in this guide, you will be gently asked to read this again

2. If I need help, will you provide free support?

Yes, we have a dedicated support system where we offer free support. Our support is applicable only for issues and bugs within our product. We do NOT provide free customisation services in the scope of free support.

3. What kind of support are you providing?

We offer free support for our products where we can help you fix issues within our code (if any) and assist you on theme setup. Please note support is not applicable for third party jQuery plugins and GPL code components (because they are not created or maintained by us).

4. When can I expect a response from you?

Our team will be online during 10.00 to 17.00 on Monday – Friday (IST, India). For support request we usually make a response within 24 hours. Due to the complex nature of some queries, responses can’t be guaranteed a specific turn-around time, but we value each user and we will surely get back to you. In case if we experience heavy load of support tickets we will announce the status on Twitter.

5. If I need to customize this template will you offer it?

We are unable to provide free customisation services on our products. If you have great passion and considerable budget please open the request as a premium project, please email to: support@risingthemes.net We will get back to you via email.

6. How can I know about future updates and bug fixes?

We release updates regularly and we notify our users via Tweets as well as Email Newsletters (we do hate spam).

Theme Installation

1. Through WordPress Dashboard

  • Go to the menu Appearance > Themes and click on Add New button.
  • Click on Upload Theme button.
  • Click on Browse button and navigate to the unzipped theme package on your computer.
  • Look for a file called citrus-pro.zip Click on it to select, then click OK.
  • Click on Install Now button and wait until the installation is complete.
  • Click on Activate link to activate the theme on your WordPress site.
  • Go to Appearance >> Theme Options >> Restore Default.

Manual Installation using FTP client

If you know the FTP login details of the server where your site is hosted and you have a FTP client installed (such as FileZilla), you might consider using this way of uploading your theme.

  • Unzip the citrus-pro.zip file
  • Upload theme to /wp-content/themes/
  • Go to Appearance -> Themes and activate theme from Dashboard.

First you have to unzip the download file, find the zip file called citrus-pro.zip, unzip it and upload the folder to the main WordPress installation folder » wp-content » themes. Please note that if you prefer this way of installation, you have to make sure that the main files of the theme are contained just within one folder of the themes folder.

You can activate the theme after it is uploaded on the server. In order to activate this theme you have to go to the admin panel » Appearance » Themes. In this section you should see the theme with a title citrus. Just click on the Activate button and your theme should get activated.

Homepage Setup

After activating the empire theme, setup homepage using following

  • Go to Settings -> Reading -> Front page displays
  • Click on radio button of Your latest posts
  • Go to Appearance -> Theme Options and click on Restore Defaults in bottom side

Header Setting

The header consists of four main elements:

  • Site Name / Logo
  • Navigation Menu

1. Setting the Site Logo

The settings for to change the Site Logo is located in Appearance » Theme Options » Basic Setting

Setup Navigation

1. Multipage Menu

  • First of all create pages from Pages >> Add new page
  • Go to Appearance >> Menu
  • Click on Create a new menu link
  • Give a name to your menu in Menu name and click save menu button
  • Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
  • Click Save Menu after adding required pages, categories in the menu

Primary Menu

Setup Homepage Slider



In order to add slides to homepage slider go to the Appearance » Theme Options » Homepage Slider

For each slide there are different options that you can apply.

  • You can change Home Page Slider Hide/Show.
  • You can change Slider Effects and Timing.
  • You can change Slider Animation speed, pause time
  • You can change Slider Hide/Show Direction Naviagtion of slider.
  • You can change Slider Hide/Show pager of slider.
  • You can change Slider Pause Slide on Hover.
  • Slider images should be of size 1920 × 1050 pixels

If you don't want to use this default image slider, you can use any image slider WordPress plugin

  • Go to Appearance » Theme Options » Homepage Slider
  • Enter your slider shortcode which is provided by plugin without php tag

Sections

Section setting

Homepage Sections

The homepage contatins lots of section to create beautiful and professional website.

1. Features Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 1
  • Use this shortcode to display Our Features section :
  • [feature_wrap][features sr_no="01" icon="bicycle" icon_style="light" title="We deliver to your home"]Order on-demand or schedule delivery up to a week in advance.[/features][features sr_no="02" icon="heart" icon_style="light" title="Follow on social media"]Or subscribe to our newsletter to stay updated and follow the social media.[/features][features sr_no="03" icon="leaf-maple" icon_style="light" title="From Farm to Table"]An exceptional culinary experience starts with only the best ingredients.[/features][features sr_no="04" icon="envelope" icon_style="light" title="We love to hear from you!"]Whether it’s feedback or if you’ want to join our lovely team.[/features][/feature_wrap]

2. About Our Restaurant Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 2
  • Use this shortcode to display About Our Restaurant section :
  • [about_wrap][about_left image_path_1="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/about-img-1.jpg" image_path_2="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/about-img-2.jpg" year_number="25" year_text="Year Experienced"][about_right sub_title="Our Restaurant" title="For Every Special Occasion There is Citrus"]Indignation and dislike men who are so beguiled demoralized by the charms of pleasure of the moment.[clear][about_iconbox icon="hotel" icon_style="light" title="Success Story" button_text="Read More" button_link="#"]Certain circumstances and owing to the claims of duty obligations of business it will frequently.[/about_iconbox][about_iconbox icon="user-chef" icon_style="light" title="Passionate Chefs" button_text="Read More" button_link="#"]Duty or the obligations of business it frequently occur pleasures have to be repudiated.[/about_iconbox][/about_right][/about_wrap]

3. Counter Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 3
  • Use this shortcode to display Counter section :
  • [row][column col="3"][counter title="Happy Customers" count="7500" plus="yes" num_color="#977444" title_color="#ffffff"][/column][column col="3"][counter title="Passionate Chefs" count="39" plus="yes" num_color="#977444" title_color="#ffffff"][/column][column col="3"][counter title="Favourite Dishes" count="286" plus="yes" num_color="#977444" title_color="#ffffff"][/column][column col="3"][counter title="Our Branches" count="125" plus="yes" num_color="#977444" title_color="#ffffff"][/column][/row]

4. Our Service Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 4
  • Use this shortcode to display Our Service section :
  • [row][column col="4"][services image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/ser-1.png" title="Popular Dishes" button_text="Read More" button_link="#"]Strategy experience and analytical expertise combine to enable decision making and create value.[/services][/column][column col="4"][services image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/ser-2.png" title="Vegan Cuisine" button_text="Read More" button_link="#"]Linking corporate strategy, financial strategy, transactions and a capital markets perspective to create value.[/services][/column][column col="4"][services image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/ser-3.png" title="Neat & Clean Foods" button_text="Read More" button_link="#"]Technology is an integral and potentially differentiating component of your business that both influences.[/services][/column][column col="4"][services image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/ser-4.png" title="Skilled Chefs" button_text="Read More" button_link="#"]Managing change effectively is a source of competitive advantage, yet few organizations do it well.[/services][/column][column col="4"][services image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/ser-5.png" title="Door Delivery" button_text="Read More" button_link="#"]Strategy experience and analytical expertise combine to enable decision making and create value.[/services][/column][column col="4"][services image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/ser-6.png" title="Fine Dining" button_text="Read More" button_link="#"]Managing change effectively is a source of competitive advantage, yet few organizations do it well.[/services][/column][/row]

5. Video Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 5
  • Use this shortcode to display Video section :
  • [popup_video video_link="https://www.youtube.com/embed/Y88uxC0OmwA"]

6. From Our Menu Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 6
  • Use this shortcode to display From Our Menu section :
  • [menu_wrap][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-1.jpg" title="Roasted Chicken" sub_title="Delicious Chicken With Vegetables" price="$15"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-2.jpg" title="Fried Shrimps Herbs" sub_title="Banquet Dish Of Fried Herbs" price="$18"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-3.jpg" title="Salmon With Greens" sub_title="Salmon With Greens And Quail Eggs" price="$12"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-4.jpg" title="Grilled Spicy Lobsters" sub_title="yummy-grilled-spicy-lobsters" price="$22"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-5.jpg" title="Gnocchi With Meat" sub_title="Delicious Gnocchi With Meat And Sauce" price="$15"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-6.jpg" title="Fried Fish And Potato Chips" sub_title="delicious-fried-fish-and-potato-chips-with-salsas" price="$10"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-7.jpg" title="Purple Rice Garnished" sub_title="Purple Rice Garnished With Meat & Snacks" price="$18"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-8.jpg" title="Beef Burger" sub_title="Close Up Of A Beef Burger" price="$7"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-9.jpg" title="Biryani Rice" sub_title="Fried Chicken Biryani With Lemons" price="$20"][menu_item image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/menu-10.jpg" title="Fish Sandwiches" sub_title="Delicious Breakfast With Fish Sandwiches" price="$12"][/menu_wrap]

7. Client Testimonials

This section is used to display Client Testimonials in your website

  • First of all create new posts from Testimonials -> Add Testimonials
  • To manage this testimonials section go to Appearance » Theme Options » Sections » Section 7
  • Use this shortcode to display Testimonials: [testimonials show="-1"]
  • Use this shortcode to display Testimonials Listing: [testimonials-listing show="-1"]
  • Use this shortcode to display Testimonials Sidebar Rotator: [sidebar-testimonials show="-1"]

8. Master Chefs

This section is used to display Our Master Chefs

  • First of all create new posts from Our Team -> Add New
  • To manage this Team section go to Appearance » Theme Options » Sections » Section 8
  • Use this shortcode to display Our Team in Grid View: [our-team type="grid" show="-1" column="2/3/4"]
  • Use this shortcode to display Our Team in Slider View: [our-team type="slider" show="-1"]

9. Visit Us / Reservation Section

  • To manage this section go to Appearance » Theme Options » Sections » Section 9
  • Use this shortcode to display Visit Us / Reservation section :
  • [reserve_wrap][visit_us image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/visit-thumb.jpg" bg_color="#030303" title="Visit Us" sub_title="Find The Restaurant" address="123, Restaurant St, Food City, New York 04." open_hrs_title="Opening Hours" hours_text_one="Mon - Thu: 10.00 AM - 01:00 PM" hours_text_two="Fri - Sun: 10:00 AM - 02:00 PM" button_text="Get Direction" button_link="http://localhost/rising/citrus/contact/"][reservation image_path="http://localhost/rising/citrus/wp-content/themes/citrus-pro/images/reserve-thumb.jpg" bg_color="#010101" title="Reservation" sub_title="Book A Table" book_title="Booking" book_text_one="Email : info@sitename.com" book_text_two="Call Us : (+099)-123-45678" button_text="Online Reservation" button_link="http://localhost/rising/citrus/reservation/"]Planning a romantic dinner for two or a communal meal with family or friends? Book a table now.[/reservation][/reserve_wrap]

10. Latest Food Blogs

This section is used to display Latest Food Blogs in your website

  • First of all create new posts from Posts -> Add Posts
  • To manage this section go to Appearance » Theme Options » Sections » Section 10
  • Use this shortcode to display News & Blogs posts type Grid: [latest-news show="3" type="grid" column="2/3/4" date="show/hide" comment="show/hide" author="show/hide" category="show/hide"]
  • Use this shortcode to display News & Blogs posts type Slider: [latest-news show="-1" type="slider" comment="show" date="show" author="show" category="show"]

Footer

The Footer section consists of four main elements:

  • About Citrus
  • Get In Touch
  • Visiting Blogs
  • Subscribe Newsletter / Follow Us
  • Copyright & Design by text


To manage footer section go to the Appearance » Theme Options » Footer



Page Templates & Sidebars

When you create a new page from the Pages » Add New section, the "Default Template" is assigned to the page by default. The default page template is a standard page template that can be with a sidebar or full-width layout and can contain custom content.

  • Default Template
    • Used to setting up the content on any page with Right Sidebar
  • Left Sidebar
    • Used to setting up the content on any page with Left Sidebar
  • Full Width
    • Used to setting up the content on any page without Sidebar
  • Full Screen
    • Used to setting up the content on any page without Sidebar Full Screen
  • No Sidebar
    • Used to setting up the content in center on any page without Sidebar
  • Contact Us
    • Used to setting up the contact page.


Widgets

The WordPress widgets are used to manage sidebars:

  • Can manage sidebar from widgets (exa. blog sidebar, main sidebar and shop widget)
  • Footer section can manage from footer widgets 1,2.3,4


Contact Page

To view contact page shortcode go to Appearance » Theme Options » Basic Settings » Contact Page:





Shortcodes

To view all shortcodes go to Appearance » Theme Options » Short Codes:



Basic Setting / Font Typography / Color

To view besic setting go to Appearance » Theme Options » Besic Setting :



Font Typography

To view Font Typography go to Appearance » Theme Options » Font Typography :



Color

To view Color go to Appearance » Theme Options » Color :



Portfolio

To view portfolio Page:

  • First of all create new posts from Portfolio -> Add New
  • Use this shortcode to display Portfolio type Grid : [portfolio show="no. of item to be shown( Note: -1 for displaying all items )" type="grid" filter="true/false" column="2/3/4"]
  • Use this shortcode to display Portfolio type Slider : [portfolio show="no. of item to be shown( Note: -1 for displaying all items )" type="slider"]
  • Use this shortcode to display Portfolio type Filter : [portfolio show="no. of item to be shown( Note: -1 for displaying all items )" type="grid" filter="true/false" column="2/3/4"]

Gallery

To view Gallery Page:

  • First of all create new posts from gallery -> Add New
  • Use this shortcode to display Gallery type Grid Masonary : [photo-gallery show="no. of item to be shown( Note: -1 for displaying all items )" type="grid"]
  • Use this shortcode to display Gallery type Slider : [photo-gallery show="no. of item to be shown( Note: -1 for displaying all items )" type="slider"]

Gallery Slider