Caferesto - A Restaurant WordPress Theme

Created: 01/02/2017
Latest update: 01/03/2017
By: Themevin
http://www.themeforest.net/user/themevin
Email & Support: themevin.net@gmail.com

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to us via email. Thanks so much!

Files Included

The theme zip file g5plus-caferesto.zip (included Visual Composer and Revolution Slider plugins)
Child theme for easier customize in g5plus-caferesto-child.zip
Document in Documentation.zip

Struct look like:

dashboard

Code navigation

caferesto split into 10 folders. Meaning each folder please see explain below:

assets: Store less, js, resource default and another plugin for theme. Besides include file for demo data.
- cache: store json file to install widget, menu and another options for theme
g5plus-framework: This is core framework of theme.
- core: This folder store core file to add action for header, footer, function breadcrumb, filter for search.
- install-demo: store files to process install demo data
- less: this is less library for php, it us when click 'Save & Generate CSS' on theme option
- meta-box: this is library for create custom field on post
- option-extensions: store field defined for Redux Theme Option Framework
- options: core Redux Theme Option Framework
- tax-meta-class: the library to create custom field for taxonomy
- tgm-plugin-activation: automatic plugin installation and activation library
- xmenu: store core mega menu build in
html-template: store form template for Contact Form or MailChimp. You can copy this template and paste to Contact Form or Mail chimp when create form
includes: store define field for Theme Option, functions process when switch theme, function generate custom css when change color or setting in theme option, filter for header customize, search
language: store .pot for translate to another language
templates: store templates for header, footer, archive, comments, breadcrumb
theme-plugins: store plugins that use on theme

System Requires

To use caferesto, you must be running WordPress 3.9 or higher, PHP5.4 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

max_input_vars = 3000
memory_limit = 128M
max_execution_time = 300
max_input_time = 300
upload_max_filesize = 64M
post_max_size = 64M

Download caferesto Theme

Get the caferesto Theme installation package from your account(after login on Themeforest.net) at downloads page and save it to your computer.

dashboard

Install caferesto Theme

Installation via Wordpress

Step 1 - Login to your Wordpress Dashboard

Step 2 - Go to Appearance > Themes. Click the Add New button or Add new theme link. (check screenshot below)

Step 3 - Click on the Upload Theme button. Locate "g5plus-caferesto.zip" and click Install Now.

Step 4 - Click on the Activate button to activate caferesto. Congratulations, you have now activated caferesto! You can now proceed with caferesto's Plugin Installation.

dashboard

install

Installation via FTP

Step 1 - Log into your Hosting server using an FTP client (like FileZilla or WinSCP).

Step 2 - Locate "g5plus-caferesto.zip" that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named caferesto with all theme files in it.

Step 3 - Locate your Wordpress installation and upload the theme directory caferesto (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.

Step 4 - Click on the Activate button to activate caferesto. Congratulations, you have now activated caferesto! You can now proceed with caferesto's Plugin Installation.

Install caferesto Required Plugins

All plugins required have been zipped/already into your download package, so you only need to do is click on the "Begin installing plugins".

You should be navigated to the Install Required Plugin page, which shows a plugin list similar to this:

Next, Click on the checkbox beside "Plugin" label to select all plugins in the list.

Then choose "Install" from the drop-down list at the top and then click "Apply".

The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After sucessfull, your screen like that

When the notice "All installations have been completed" appears, click on the "Return to Required Plugins Installer" link to turn back to the plugin list.

Next, click on the box beside the Plugin label again to select all plugins and choose Activate this time as image below.

active all required plugins

One Click Install Demo Data

With caferesto, you can build a functioning website just by clicking a button and install our demo data or click 5.2.1 Create A New Page to step by step. Your caferesto installation will be set up with what we have on our demo website, and you can use it as a template to develop your own website.

Go to Appearance >> Install Demo Data menu

Import Demo Content in One Click

Then choose "Install" demo data you want:

Import Demo Content in One Click02

The progressing would be displayed on import status bars so you will know when it is finished and your data is ready.

Import Status Bars

DONE. Now, you can visit your website to view demo.

Creat a new page

You can create any number of pages with content. Our theme includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

If you DID NOT One Click Install Demo Data, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build it:

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, and click "BACKEND EDITOR"(must installed Visual Composer plugins).

Step 2.1 – Don't click "BACKEND EDITOR": only input content to area 3 then go to Step 3

Step 2.2 – Click "BACKEND EDITOR": screen see below

Step 3 – Set your Parent page. It’s usually set to No Parent.

Step 4 – Set your page template from the Template dropdown list.

Step 5 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

Next, you can publish this page and set it as your frontpage(8.1. Settings a static page as Home) in the Wordpress Settings panel.

Building Hompage

Building your Home page:

Now you can start fiddling with Visual Composer to build your home page with any design that you like.

In case you don't have time for experience with it, you can switch to "Classic Mode" and use one of the shortcode sets provided below to build your frontshop based on one of the pre-made home page we offer.

To create a page similar to Homepage in our the demo, choose the Classic Mode and switch to the Text tab, then paste this code into the content of your page:

Shortcode set for Home 1

[vc_row][vc_column][rev_slider alias="home-1"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_single_image image="39" img_size="full" alignment="center" el_class="mg-top--70 md-mg-top--40"][/vc_column][vc_column width="2/3"][g5plus_space desktop="105" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="<b>About</b> Us" align="text-left" css=".vc_custom_1486524927463{margin-bottom: 10px !important;}"][vc_column_text el_class="line-36" css=".vc_custom_1486525043305{margin-bottom: 45px !important;}"]Maecenas ac diam at justo commodo elementum. Aenean consectetur mauris eget enim feugiat auctor vitae id lorem. Aliquam eget mauris diam. In vestibulum mollis enim ut sodales. Nam quis metus ac risus lacinia sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eu fringilla massa. Fusce leo tortor, luctus non eleifend eu, consectetur non tellus. Proin nec magna nec libero dapibus sollicitudin. Sed rhoncus tristique ante eu pretium.[/vc_column_text][vc_single_image image="53" img_size="full"][g5plus_space desktop="65" tablet="40" tablet_portrait="40" mobile_landscape="40" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" overlay_mode="color" overlay_color="rgba(0,0,0,0.8)" css=".vc_custom_1488244214455{background-image: url(http://localhost:8080/ducduong/wp-content/uploads/2017/02/background_slider_2.jpg?id=36) !important;}"][vc_column width="1/2" offset="vc_col-sm-offset-3" css=".vc_custom_1486525330650{margin-bottom: 10px !important;}"][g5plus_space desktop="70" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="<b>Our</b> Menu" description=" Praesent tempus volutpat lorem in facilisis. In sollicitudin pellentesque justo, sed tristique mauris egestas et. Praesent consectetur lorem tortor." text_color="text-light"][/vc_column][vc_column][vc_tta_tabs style="flat" shape="square" color="transparent" spacing="5" gap="5" alignment="center" active_section="1" no_fill_content_area="true" el_class="text-light"][vc_tta_section title="ALL" tab_id="all"][g5plus_menu_food text_color="text-light" item_amount="10" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1" css_animation="fadeInDown" names="" el_class="mg-top-20"][/vc_tta_section][vc_tta_section title="BREAKFAST" tab_id="breakfast"][g5plus_menu_food category="breakfast" text_color="text-light" item_amount="10" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1" css_animation="fadeInRight" names="" el_class="mg-top-20"][/vc_tta_section][vc_tta_section title="LUNCH" tab_id="lunch"][g5plus_menu_food category="lunch" text_color="text-light" item_amount="10" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1" css_animation="fadeInRight" names="" el_class="mg-top-20"][/vc_tta_section][vc_tta_section title="DINNER" tab_id="dinner"][g5plus_menu_food category="dinner" text_color="text-light" item_amount="10" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1" css_animation="fadeInRight" names="" el_class="mg-top-20"][/vc_tta_section][vc_tta_section title="SNACKS" tab_id="snacks" el_class="mb-bottom-20"][g5plus_menu_food category="snacks" text_color="text-light" item_amount="10" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1" css_animation="fadeInRight" names="" el_class="mg-top-20"][/vc_tta_section][/vc_tta_tabs][g5plus_button title="VIEW OUR MENU" style="classic" size="md" align="center" link="url:http%3A%2F%2Fdev.g5plus.net%2Fcaferesto%2Fmenu%2F||target:%20_blank|"][g5plus_space desktop="80" tablet="60" tablet_portrait="50" mobile_landscape="40" mobile="40"][/vc_column][/vc_row][vc_row][vc_column width="1/2" offset="vc_col-sm-offset-3" css=".vc_custom_1486525489860{margin-bottom: 52px !important;}"][g5plus_space desktop="75" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="<b>Our</b> Features" description="Raesent vitae nisi sit amet tellus sodales commodo auctor nec justo. Duis vehicula odio, sit amet dapibus nulla."][/vc_column][vc_column width="1/3"][g5plus_feature_box image="2587" title="ROAST BEEF IN THE OVEN" description="Nulla sapien augue, suscipit id lorem nec, semper varius eros. Aenean eu elit sagittis libero imperdiet tempus a quis neque. Quisque quam augue, pulvinar vel aliquam non, sollicitudin ut felis. Sed ultrices tortor sed magna." link="url:%23|||"][g5plus_space desktop="120" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/3" el_class="col-mb-12"][g5plus_feature_box image="2179" title="MAURIS TEMPOR FRINGILLA" description="Mollis augue velit, a luctus felis faucibus a. Sed orci erat, scelerisque quis maximus a, suscipit vel dolor. Cras facilisis imperdiet rutrum. Proin aliquet tincidunt maximus. Mauris tincidunt magna ut eros molestie, id dignissim leo euismod." link="url:%23|||"][g5plus_space desktop="120" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/3" el_class="col-mb-12"][g5plus_feature_box image="2190" title="SUSPENDISSE LACUS IMPERDIET" description="Nullam enim risus, eleifend quis consectetur id, maximus eget lorem. Vestibulum vehicula diam dictum, semper tortor vitae, convallis eros. Suspendisse iaculis tortor ac tellus condimentum lacinia. " link="url:%23|||"][g5plus_space desktop="120" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" overlay_mode="color" overlay_color="rgba(0,0,0,0.6)" css=".vc_custom_1488244188017{background-image: url(http://localhost:8080/ducduong/wp-content/uploads/2017/02/reservation-background-1.jpg?id=52) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column width="1/2" offset="vc_col-sm-offset-3" css=".vc_custom_1486526109057{margin-bottom: 60px !important;}"][g5plus_space desktop="75" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="Reservation" description="Raesent vitae nisi sit amet tellus sodales commodo auctor nec justo. Duis vehicula odio, sit amet dapibus nulla." text_color="text-light"][/vc_column][vc_column][vc_column_text][booking-form][/vc_column_text][vc_raw_js]JTNDc2NyaXB0JTIwdHlwZSUzRCUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNFJTBBalF1ZXJ5JTI4ZG9jdW1lbnQlMjkucmVhZHklMjhmdW5jdGlvbiUyOCUyOSUyMCU3QiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNyUyM3J0Yi1uYW1lJTI3JTI5LmF0dHIlMjglMjdwbGFjZWhvbGRlciUyNyUyQyUyN05hbWUlMjclMjklM0IlMEElMjAlMjAlMjAlMjBqUXVlcnklMjglMjclMjNydGItZW1haWwlMjclMjkuYXR0ciUyOCUyN3BsYWNlaG9sZGVyJTI3JTJDJTI3RW1haWwlMjBBZGRyZXNzJTI3JTI5JTNCJTBBJTIwJTIwalF1ZXJ5JTI4JTI3JTIzcnRiLWRhdGUlMjclMjkuYXR0ciUyOCUyN3BsYWNlaG9sZGVyJTI3JTJDJTI3RGF0ZSUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNyUyM3J0Yi1waG9uZSUyNyUyOS5hdHRyJTI4JTI3cGxhY2Vob2xkZXIlMjclMkMlMjdQaG9uZSUyME51bWJlciUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNy50aW1lJTIwaW5wdXQlMjclMjkuYXR0ciUyOCUyN3BsYWNlaG9sZGVyJTI3JTJDJTI3VGltZSUyNyUyOSUzQiUwQWpRdWVyeSUyOCUyNyUyM3J0Yi1wYXJ0eSUyNyUyOS5hdHRyJTI4JTI3cGxhY2Vob2xkZXIlMjclMkMlMjdHdWVzdHMlMjclMjklM0IlMEElMEElMjAlMjAlMjAlMjBqUXVlcnklMjglMjcucnRiLWJvb2tpbmctZm9ybSUyMGJ1dHRvbiUyNyUyOS5odG1sJTI4JTI3TUFLRSUyMEElMjBSRVNFUlZBVElPTiUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNy5ydGItYm9va2luZy1mb3JtJTIwYnV0dG9uJTI3JTI5LmFkZENsYXNzJTI4JTIyYnRuJTIwYnRuLWxnJTIwYnRuLXByaW1hcnklMjBidG4tY2xhc3NpYyUyMiUyOSUzQiUwQSU3RCUyOSUzQiUwQSUzQyUyRnNjcmlwdCUzRQ==[/vc_raw_js][g5plus_space desktop="70" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row][vc_column width="1/2" offset="vc_col-sm-offset-3" css=".vc_custom_1486526245696{margin-bottom: 65px !important;}"][g5plus_space desktop="75" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="<b>Our</b> News" description="Raesent vitae nisi sit amet tellus sodales commodo auctor nec justo. Duis vehicula odio, sit amet dapibus nulla."][/vc_column][vc_column][g5plus_posts source="popular" number="3" columns="3" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1"][/vc_column][/vc_row][vc_row full_width="stretch_row" parallax="content-moving" parallax_speed_bg="2" overlay_mode="color" overlay_color="rgba(0,0,0,0.26)" css=".vc_custom_1488244157985{padding-top: 30px !important;background-image: url(http://localhost:8080/ducduong/wp-content/uploads/2017/02/background-mailchimp-1.jpg?id=2709) !important;}"][vc_column width="5/6" offset="vc_col-md-3 vc_col-xs-offset-2 vc_col-xs-10" css=".vc_custom_1486527531447{padding-top: 8px !important;padding-bottom: 32px !important;}" el_class="col-mb-12 col-mb-offset-0"][vc_column_text] <h4 class="mg-bottom-0"><span style="color: #ffffff;"><strong>GET OUR NEWSLETTER</strong></span></h4> <span style="color: #e5e5e5; opacity: 0.5;">Nam at vehicula lacus, ut consectetur</span>[/vc_column_text][/vc_column][vc_column width="2/3" offset="vc_col-lg-offset-0 vc_col-md-offset-0 vc_col-md-5 vc_col-xs-offset-2 vc_col-xs-8" css=".vc_custom_1486527544796{padding-bottom: 34px !important;}" el_class="col-mb-12 col-mb-offset-0"][vc_column_text][mc4wp_form id="32"][/vc_column_text][/vc_column][/vc_row]

Shortcode set for Home 2

[vc_row][vc_column][rev_slider alias="home-2"][/vc_column][/vc_row][vc_row css=".vc_custom_1487728666147{margin-top: 100px !important;}"][vc_column offset="vc_col-md-6"][vc_row_inner el_class="row-gap-10"][vc_column_inner el_class="col-mb-12" width="1/2" offset="vc_col-xs-6"][g5plus_banner hover_effect="bubba-effect" hover_overlay_scheme="overlay-dark" banner_image="2436" text_place="text-top-center"][/g5plus_banner][/vc_column_inner][vc_column_inner el_class="pd-top-50 xs-pd-top-30 col-mb-12" width="1/2" offset="vc_col-xs-6"][g5plus_banner hover_effect="bubba-effect" hover_overlay_scheme="overlay-dark" banner_image="2437" text_place="text-top-center"][/g5plus_banner][/vc_column_inner][/vc_row_inner][/vc_column][vc_column el_class="pd-top-40" offset="vc_col-md-6"][g5plus_heading title="<b>About</b> Us" align="text-left" css=".vc_custom_1487561436779{margin-bottom: 35px !important;}"][vc_column_text css=".vc_custom_1472547326835{margin-bottom: 30px !important;}"] Nunc faucibus pellentesque facilisis. Sed hendrerit enim non justo posuere placerat. Phasellus eget purus vel mauris tinci dunt tincidunt. Sed et nibh tortor. Nunc faucibus pellentesque facilisi. [/vc_column_text][vc_row_inner][vc_column_inner el_class="col-mb-12 xs-mg-bottom-30" width="1/2" offset="vc_col-xs-6"][vc_raw_html]JTNDaDUlM0VMT0NBVElPTiUzQyUyRmg1JTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWN0LWluZm8tY29udGVudCUyMiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIyYWRkcmVzcy1pbmZvJTIyJTNFJTBBJTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1tYXAtbWFya2VyJTIyJTNFJTNDJTJGaSUzRSUzQ3AlM0UlMjAxMDc3MjclMjBTYW50YSUyME1vbmljYSUyMEJvdWxldmFyZCUyMExvcyUyMEFuZ2VsZXMlM0MlMkZwJTNFJTBBJTNDJTJGZGl2JTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJwaG9uZS1pbmZvJTIyJTNFJTBBJTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1waG9uZSUyMiUzRSUzQyUyRmklM0UlMEElM0NwJTNFJTIwJTNDc3BhbiUzRTAyNTElMjA1NDIlMjA3ODklM0MlMkZzcGFuJTNFJTIwLSUyME9mZmljZSUyMCUzQyUyRnAlM0UlMEElM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMm1haWwtaW5mbyUyMiUzRSUwQSUzQ2klMjBjbGFzcyUzRCUyMmZhJTIwZmEtZW52ZWxvcGUlMjIlM0UlM0MlMkZpJTNFJTBBJTNDcCUzRSUyMGNvbnRhY3QlNDBjYWZlcmVzdG8uY29tJTIwJTNDJTJGcCUzRSUwQSUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRQ==[/vc_raw_html][/vc_column_inner][vc_column_inner el_class="col-mb-12 xs-mg-bottom-30" width="1/2" offset="vc_col-xs-6"][vc_column_text] <h5>OPENING HOURS</h5> <h4 class="mg-bottom-0">Monday - Saturday</h4> 11am – 10pm <h4 class="mg-bottom-0">Sunday</h4> 10am - 11pm [/vc_column_text][/vc_column_inner][/vc_row_inner][g5plus_button title="READ MORE" style="outline" el_class="mg-top-25 xs-mg-top-0"][g5plus_space desktop="130" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" parallax="content-moving" parallax_image="2439" overlay_mode="color" overlay_color="rgba(0,0,0,0.4)"][vc_column css=".vc_custom_1472548255955{padding-top: 25px !important;}"][g5plus_space desktop="80" tablet="60" tablet_portrait="60" mobile_landscape="50" mobile="40"][vc_column_text css=".vc_custom_1487581492885{margin-bottom: 20px !important;}"] <h2 class="a-font fs-50" style="color: #ffffff; text-align: center; font-weight: 400;">Caferesto</h2> [/vc_column_text][g5plus_video link="https://www.youtube.com/watch?v=PZ4pctQMdg4&feature=youtu.be&t=3s" css=".vc_custom_1487380313804{margin-bottom: 17px !important;}"][vc_column_text] <p class="hd-description fs-20 line-24 text-italic s-font" style="color: #ffffff; text-align: center;">Everything you need to create an restaurent website</p> [/vc_column_text][g5plus_space desktop="95" tablet="75" tablet_portrait="55" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" equal_height="yes" content_placement="middle" el_class="pd-top-80 pd-bottom-80"][vc_column][g5plus_heading title="<b>Special</b> Lunch Sets" des_title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh eu" css=".vc_custom_1487561366053{margin-bottom: 75px !important;}"][/vc_column][vc_column offset="vc_col-md-6" el_class="pd-bottom-30 pd-left-15 pd-right-15 col-md-push-6" css=".vc_custom_1488180916626{background-image: url(http://localhost:8080/ducduong/wp-content/uploads/2017/02/post-image-28-1.jpg?id=2201) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_empty_space height="527px"][/vc_column][vc_column el_class="col-md-pull-6 pd-bottom-30" offset="vc_col-md-6"][g5plus_menu_food category="breakfast" show_excerpt="cats" _columns="1" item_amount="6" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1"][/vc_column][vc_column el_class="sm-pd-bottom-30 pd-left-15 pd-right-15" css=".vc_custom_1488180972121{background-image: url(http://localhost:8080/ducduong/wp-content/uploads/2017/02/menu-2-1.jpg?id=2282) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" offset="vc_col-md-6"][vc_empty_space height="527px"][/vc_column][vc_column offset="vc_col-md-6"][g5plus_menu_food show_excerpt="cats" _columns="1" item_amount="6" current_page="1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" parallax="content-moving" parallax_speed_bg="2" css=".vc_custom_1488180985889{background-image: url(http://localhost:8080/ducduong/wp-content/uploads/2017/02/menu_shortcode_background-1.jpg?id=2538) !important;background-position: center;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column width="1/2" offset="vc_col-sm-offset-3"][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="Starters" description="Praesent tempus volutpat lorem in facilisis. In sollicitudin pellentesque justo, sed tristique mauris egestas et. Praesent consectetur lorem tortor." text_color="text-light" color="hd-light" des_title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh eu" css=".vc_custom_1487561374658{margin-bottom: 60px !important;}"][/vc_column][vc_column][g5plus_menu_food layout_style="menu-image" item_amount="8" current_page="1" items_md="-1" items_sm="2" items_xs="2" items_mb="-1"][/vc_column][/vc_row][vc_row full_width="stretch_row" content_placement="middle"][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column offset="vc_col-md-6"][g5plus_space desktop="40" tablet="40" tablet_portrait="60" mobile_landscape="60" mobile="60"][g5plus_heading title="<b>Why</b> Caferesto ?" align="text-left" css=".vc_custom_1487581605556{margin-bottom: 30px !important;}"][vc_column_text css=".vc_custom_1487561741042{margin-bottom: 25px !important;}"] <h5>1.FREE PLUGINS INCLUDED</h5> Franzen kinfolk quinoa, yuccie whatever food truck dreamcatcher offal. Cornhole poutine pug forage meh godard. Fashion axe blue bottle bespoke, food truck hella poutine kale chips viral. Vegan seitan semiotics, locavore food truck polaroid typewriter microdosing aesthetic fanny pack ugh. <h5>2.EXTENSIVE DOCUMENTATION</h5> Franzen kinfolk quinoa, yuccie whatever food truck dreamcatcher offal. Cornhole poutine pug forage meh godard. Fashion axe blue bottle bespoke, food truck hella poutine kale chips viral. Vegan seitan semiotics.[/vc_column_text][g5plus_button title="READ MORE" style="outline"][g5plus_space desktop="40" tablet="40" tablet_portrait="60" mobile_landscape="60" mobile="60"][/vc_column][vc_column offset="vc_col-md-6" el_class="sm-pd-bottom-60"][vc_row_inner][vc_column_inner el_class="col-mb-12 xs-mg-bottom-30" width="1/2" offset="vc_col-xs-6"][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2286" text_place="text-top-center"][/g5plus_banner][/vc_column_inner][vc_column_inner el_class="col-mb-12 xs-mg-bottom-30" width="1/2" offset="vc_col-xs-6"][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2284" text_place="text-top-center"][/g5plus_banner][/vc_column_inner][vc_column_inner el_class="pd-top-30 xs-pd-top-0" offset="vc_col-xs-12"][g5plus_banner hover_effect="layla-effect" hover_overlay_scheme="overlay-dark" banner_image="2458" text_place="text-top-center"][/g5plus_banner][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" parallax="content-moving" parallax_image="52" overlay_mode="color" overlay_color="rgba(0,0,0,0.6)"][vc_column width="1/2" offset="vc_col-sm-offset-3" css=".vc_custom_1486526109057{margin-bottom: 60px !important;}"][g5plus_space desktop="75" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="Reservation" description="Raesent vitae nisi sit amet tellus sodales commodo auctor nec justo. Duis vehicula odio, sit amet dapibus nulla." text_color="text-light"][/vc_column][vc_column][vc_column_text el_class="form-2"][booking-form][/vc_column_text][vc_raw_js]JTNDc2NyaXB0JTIwdHlwZSUzRCUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNFJTBBalF1ZXJ5JTI4ZG9jdW1lbnQlMjkucmVhZHklMjhmdW5jdGlvbiUyOCUyOSUyMCU3QiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNyUyM3J0Yi1uYW1lJTI3JTI5LmF0dHIlMjglMjdwbGFjZWhvbGRlciUyNyUyQyUyN05hbWUlMjclMjklM0IlMEElMjAlMjAlMjAlMjBqUXVlcnklMjglMjclMjNydGItZW1haWwlMjclMjkuYXR0ciUyOCUyN3BsYWNlaG9sZGVyJTI3JTJDJTI3RW1haWwlMjBBZGRyZXNzJTI3JTI5JTNCJTBBJTIwJTIwalF1ZXJ5JTI4JTI3JTIzcnRiLWRhdGUlMjclMjkuYXR0ciUyOCUyN3BsYWNlaG9sZGVyJTI3JTJDJTI3RGF0ZSUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNyUyM3J0Yi1waG9uZSUyNyUyOS5hdHRyJTI4JTI3cGxhY2Vob2xkZXIlMjclMkMlMjdQaG9uZSUyME51bWJlciUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNy50aW1lJTIwaW5wdXQlMjclMjkuYXR0ciUyOCUyN3BsYWNlaG9sZGVyJTI3JTJDJTI3VGltZSUyNyUyOSUzQiUwQWpRdWVyeSUyOCUyNyUyM3J0Yi1wYXJ0eSUyNyUyOS5hdHRyJTI4JTI3cGxhY2Vob2xkZXIlMjclMkMlMjdHdWVzdHMlMjclMjklM0IlMEElMEElMjAlMjAlMjAlMjBqUXVlcnklMjglMjcucnRiLWJvb2tpbmctZm9ybSUyMGJ1dHRvbiUyNyUyOS5odG1sJTI4JTI3TUFLRSUyMEElMjBSRVNFUlZBVElPTiUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGpRdWVyeSUyOCUyNy5ydGItYm9va2luZy1mb3JtJTIwYnV0dG9uJTI3JTI5LmFkZENsYXNzJTI4JTIyYnRuJTIwYnRuLWxnJTIwYnRuLXByaW1hcnklMjBidG4tY2xhc3NpYyUyMiUyOSUzQiUwQSU3RCUyOSUzQiUwQSUzQyUyRnNjcmlwdCUzRQ==[/vc_raw_js][g5plus_space desktop="70" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row]

Shortcode set for Home 3

[vc_row][vc_column][rev_slider alias="home-video"][/vc_column][/vc_row][vc_row][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="<b>Our</b> Menu" css=".vc_custom_1487735787133{margin-bottom: 50px !important;}"][g5plus_menu_food layout_style="classic-image" show_excerpt="cats" columns="3" show_paging="load-more" item_amount="6" current_page="1" items_md="-1" items_sm="-1" items_xs="2" items_mb="-1"][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" parallax="content-moving" parallax_image="36" parallax_speed_bg="3" overlay_mode="color" overlay_color="rgba(0,0,0,0.7)"][vc_column][g5plus_space desktop="130" tablet="110" tablet_portrait="90" mobile_landscape="50" mobile="40"][g5plus_testimonials values="%5B%7B%22author_avatar%22%3A%222607%22%2C%22author_name%22%3A%22Cedrick%20Richardson%22%2C%22author_info%22%3A%22Company%20Owner%22%2C%22quote%22%3A%22%5C%22Suspendisse%20vel%20ante%20nisl.%20Fusce%20aliquet%20aliquam%20diam%20at%20posuere.%20Fusce%20tristique%20nisl%20a%20orci%20interdum%2C%20eu%20bibendum%20enim%20vulputate.%20Sed%20eleifend%20auctor%20libero.%20Integer%20quis%20bibendum%20lorem.%20Aenean%20ut%20ipsum%20turpis.%20Aenean%20tincidunt%20feugiat%20tincidunt.%20Fusce%20iaculis%20sem%20eget%20leo%20varius%2C%20eget%20pellentesque%20nibh%20elementum.%20Etiam%20vel%20vulputate%20magna.%5C%22%22%7D%2C%7B%22author_avatar%22%3A%222606%22%2C%22author_name%22%3A%22Maddie%20Johnson%22%2C%22author_info%22%3A%22Sous%20Chef%22%2C%22quote%22%3A%22Mea%20labore%20labores%20ex.%20Eos%20legimus%20aliquando%20an%2C%20eam%20ad%20erat%20deterruisset%20voluptatibus%2C%20sale%20appetere%20definiebas%20eum%20id.%20Nam%20id%20errem%20rationibus.%20Bonorum%20veritus%20disputando%20usu%20in%2C%20ad%20eros%20mutat%20laoreet%20his%2C%20ex%20vis%20agam%20consetetur.%20Mei%20ei%20aeterno%20partiendo%2C%20ne%20sit%20albucius%20quaestio%20prodesset%2C%20eu%20soleat%20verterem%20duo.%22%7D%2C%7B%22author_avatar%22%3A%222608%22%2C%22author_name%22%3A%22Barrington%20Thompson%22%2C%22author_info%22%3A%22Senior%20Sous%20Chef%22%2C%22quote%22%3A%22Te%20eos%20sint%20eripuit%20antiopam%2C%20eos%20enim%20delectus%20cu%2C%20sea%20eu%20homero%20aeterno.%20Elit%20inciderint%20ea%20eam%2C%20mucius%20consequuntur%20ut%20qui%2C%20alia%20solum%20complectitur%20vix%20et.%20Eos%20erant%20accusata%20et%2C%20sed%20id%20stet%20democritum%20incorrupte%2C%20assum%20mediocrem%20vim%20ne.%20Per%20bonorum%20ceteros%20antiopam%20et%2C%20esse%20torquatos%20interpretaris%20pro%20at%20etiam.%22%7D%5D" text_color="text-light" dots="" autoplay="" nav="true"][g5plus_space desktop="120" tablet="100" tablet_portrait="80" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="<b>Upcoming</b> Events" css=".vc_custom_1487733456649{margin-bottom: 50px !important;}"][/vc_column][vc_column css=".vc_custom_1487734825705{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #e0e0e0 !important;border-left-style: solid !important;border-right-color: #e0e0e0 !important;border-right-style: solid !important;border-top-color: #e0e0e0 !important;border-top-style: solid !important;border-bottom-color: #e0e0e0 !important;border-bottom-style: solid !important;}"][g5plus_event autoplaytimeout="5000"][/vc_column][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" parallax="content-moving" parallax_image="2587" parallax_speed_bg="3" overlay_mode="color" overlay_color="rgba(0,0,0,0.5)" css=".vc_custom_1487815484236{background-position: center;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column css=".vc_custom_1486539888282{margin-bottom: 43px !important;}"][g5plus_space desktop="120" tablet="100" tablet_portrait="80" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/2" el_class="col-mb-12" offset="vc_col-md-3 vc_col-xs-6"][g5plus_heading title="<b>Our</b> Team" text_color="text-light" css=".vc_custom_1488181497426{margin-bottom: 30px !important;}"][vc_column_text] <p class="text-italic s-font fs-16 text-center line-30" style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p> [/vc_column_text][g5plus_space desktop="100" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/2" offset="vc_col-md-3 vc_col-xs-6" el_class="col-mb-12"][g5plus_our_team layout_style="ourteam_circle" ourteam_avatar="45" ourteam_position="Master Chef" ourteam_link="url:%23|||" text_color="text-light" socials="%5B%7B%22icon_font%22%3A%22ti-facebook%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22ti-twitter-alt%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22fa%20fa-google-plus%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22ti-linkedin%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%5D" ourteam_name="Cedrick Richardson"][g5plus_space desktop="100" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/2" offset="vc_col-md-3 vc_col-xs-6" el_class="col-mb-12"][g5plus_our_team layout_style="ourteam_circle" ourteam_avatar="46" ourteam_position="Sous Chef" ourteam_link="url:%23|||" text_color="text-light" socials="%5B%7B%22icon_font%22%3A%22ti-facebook%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22ti-twitter-alt%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22fa%20fa-google-plus%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22ti-linkedin%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%5D" ourteam_name="Maddie Johnson"][g5plus_space desktop="100" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/2" offset="vc_col-md-3 vc_col-xs-6" el_class="col-mb-12"][g5plus_our_team layout_style="ourteam_circle" ourteam_avatar="47" ourteam_position="Senio Sous Chef" ourteam_link="url:%23|||" text_color="text-light" socials="%5B%7B%22icon_font%22%3A%22ti-facebook%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22ti-twitter-alt%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22fa%20fa-google-plus%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22icon_font%22%3A%22ti-linkedin%22%2C%22social_link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%5D" ourteam_name="Barrington Thompson"][g5plus_space desktop="100" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/3"][g5plus_heading title="Event" align="text-left" css=".vc_custom_1487645116279{margin-bottom: 20px !important;}"][vc_column_text css=".vc_custom_1487645146995{margin-bottom: 30px !important;}"]We put at your disposal our place and staff to celebrate your Birthday, the 10th year anniversary with your colleagues even your Weddings.[/vc_column_text][g5plus_button title="FIND OUT MORE" style="outline" color="dark" size="md" align="left" link="url:%23|||"][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/3"][g5plus_heading title="Opening Hours" align="text-left" css=".vc_custom_1487735848011{margin-bottom: 20px !important;}"][vc_column_text] <h4 class="mg-bottom-0">Monday - Saturday</h4> 11am – 10pm <h4 class="mg-bottom-0">Sunday</h4> 10am - 11pm Fruits de mer & cold food available 3-5:00pm[/vc_column_text][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][vc_column width="1/3"][g5plus_heading title="Find a table" align="text-left" css=".vc_custom_1487645130728{margin-bottom: 20px !important;}"][vc_column_text css=".vc_custom_1487645158825{margin-bottom: 30px !important;}"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.[/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWN0LWluZm8tY29udGVudCUyMiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycGhvbmUtaW5mbyUyMiUzRSUwQSUzQ2klMjBjbGFzcyUzRCUyMmZhJTIwZmEtcGhvbmUlMjIlM0UlM0MlMkZpJTNFJTBBJTIwJTIwJTNDcCUzRSUyMCUzQ3NwYW4lM0UwMjUxJTIwNTQyJTIwNzg5JTNDJTJGc3BhbiUzRSUyMC0lMjBPZmZpY2UlMjAlM0MlMkZwJTNFJTBBJTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNF[/vc_raw_html][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column][g5plus_slider nav="" autoplaytimeout="5000" items_lg="-1" items_md="-1" items_sm="-1" items_xs="-1" items_mb="-1"][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2289" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2284" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2293" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2281" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2291" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2282" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2285" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2295" text_place="text-bottom-left"][/g5plus_banner][g5plus_banner hover_effect="jazz-effect" hover_overlay_scheme="overlay-dark" banner_image="2283" text_place="text-bottom-left"][/g5plus_banner][/g5plus_slider][/vc_column][/vc_row]

And updating, view more demo at: Caferesto Demo

Paste one of these content into your Homepage, choose Template "Home Pages", then publish this page and set it as your frontpage(8.1. Settings a static page as Home) in the Wordpress Settings panel.

For a further understanding on these shortcodes and what they do, please visit caferesto Demo page.

Building OnePage

Recently OnePage sites has become a trend, and caferesto can help you do it easily. You just have to create a Menu with Links as items.

After that, any where want menu link to section, please edit row by Visual Composer and type id on field: Row ID

BUILD AN EXAMPLE

THIS IS STEP BY STEP HOW TO BUILD HOME PAGE "simple" MANUAL FOR http://themes.g5plus.net/caferesto/home-15

Need Wordpress, caferesto & plugins are already

I. Overview elements area on page

II. BUILDING

1. Build & Setting header area

1.1 Upload logo

Go to ThemeOptions >> Logo Setting tab, do follow:

Go to Apperance >> Menus, do follow:

1.3 Settings

Go to ThemeOptions >> Header tab, then setting below

2. Import slider & create home page

2.1. Import slider simple

You can reference how to import slider at IMPORT SLIDER HOME PAGE
And locate zip file slider to import on path: wp-content\plugins\caferesto-framework\install-demo\data\main\revslider

2.2. Create A New Page

Click classic mode, add code below:

[vc_row][vc_column][rev_slider alias="caferesto"][g5plus_space desktop="120" tablet="100" tablet_portrait="80" mobile_landscape="60" mobile="40"][/vc_column][/vc_row][vc_row][vc_column width="5/12"][vc_single_image image="1962" img_size="360x350" alignment="center"][/vc_column][vc_column width="7/12"][g5plus_heading title="LEEDS ZACH FALL" sub_title="Our Story" description="Aliquam congue augue a augue sagittis tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi sollicitudin gravida tellus ut tincidunt sed vel mi hendrerit." icon_type="image" icon_image="2049" align="text-center" subtitle_color="sub-dark" sub_title_size="fs-18" sub_title_line="true" add_icon="true"][g5plus_space desktop="25" tablet="25" tablet_portrait="25" mobile_landscape="25" mobile="25"][g5plus_button title="BOOK A TABLE" style="outline" color="dark" align="center" link="url:%23||target:%20_blank|"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column][g5plus_space desktop="110" tablet="80" tablet_portrait="70" mobile_landscape="60" mobile="40"][vc_separator color="custom" accent_color="#eeeeee"][g5plus_space desktop="100" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row][vc_column][g5plus_menu_food show_paging="load-more" item_amount="6" current_page="1" names=""][/vc_column][/vc_row][vc_row full_width="stretch_row_content" css=".vc_custom_1474366234510{padding-top: 150px !important;padding-bottom: 100px !important;background-image: url(http://localhost/caferesto/wp-content/uploads/2016/09/background-chef.png?id=2087) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="background-position-top important"][vc_column width="1/3" offset="vc_col-lg-offset-3" el_class="sm-mg-bottom-30 col-md-4 col-sm-6 col-xs-12"][g5plus_space desktop="25" tablet="25" tablet_portrait="25" mobile_landscape="25" mobile="25"][g5plus_heading title="CUSTOM FOOD" sub_title="Delicous" description="Aliquam congue augue a augue sagittis tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et malesuada fames ac turpis egestas." align="text-center" text_color="text-light" subtitle_color="sub-light" sub_title_size="fs-18" sub_title_line="true" css=".vc_custom_1474278111895{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][g5plus_space desktop="25" tablet="25" tablet_portrait="25" mobile_landscape="25" mobile="25"][g5plus_button title="VIEW FULL MENU" style="outline" color="white" size="md" align="center" link="url:%23||target:%20_blank|"][/vc_column][vc_column width="1/3" el_class="col-md-4 col-sm-6 col-xs-12"][vc_single_image image="2086" img_size="370x345" alignment="center"][/vc_column][/vc_row][vc_row][vc_column][g5plus_space desktop="100" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="MEET WITH OUR COOK" sub_title="Our Team" description="Aliquam congue augue a augue sagittis tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit." icon_type="image" icon_image="2049" align="text-center" subtitle_color="sub-dark" sub_title_line="true" add_icon="true" undefined=""][g5plus_space desktop="60" tablet="50" tablet_portrait="40" mobile_landscape="40" mobile="30"][g5plus_our_team members="%5B%7B%22avatar%22%3A%222062%22%2C%22name%22%3A%22gene%20rosen%22%2C%22position%22%3A%22Chief%20Chef%22%2C%22link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22avatar%22%3A%221778%22%2C%22name%22%3A%22ronnie%20allen%22%2C%22position%22%3A%22Chief%20Chef%22%2C%22link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%2C%7B%22avatar%22%3A%222067%22%2C%22name%22%3A%22walter%20garcia%22%2C%22position%22%3A%22Chief%20Chef%22%2C%22link%22%3A%22url%3A%2523%7C%7C%7C%22%7D%5D" columns="3" nav="" autoplay="" items_md="-1" items_sm="2" items_xs="2" items_mb="1" is_slider="true"][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1474706828710{background-image: url(http://localhost/caferesto/wp-content/uploads/2016/09/testimonials_background.jpg?id=1744) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][g5plus_space desktop="100" tablet="80" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_testimonials values="%5B%7B%22author%22%3A%22JOHN%20DOE%22%2C%22author_info%22%3A%22Customer%20Chief%22%2C%22quote%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit.%20Donec%20a%20risus%20odio.%20Vivamus%20eget%20ultrices%20dolor.%20Nullam%20arcu%20ligula%2C%20interdum%20quis%20consectetur%20in%2C%20laoreet%20in%20odio.%20Interdum%20et%20malesuada%20fames%20ac%20ante%20ipsum%20primis%20in%20faucibus.%22%7D%2C%7B%22author%22%3A%22KAGA%20KAMI%22%2C%22author_info%22%3A%22Customer%20Chief%22%2C%22quote%22%3A%22Eu%20summo%20animal%20quo%2C%20sed%20ne%20semper%20sapientem%20efficiantur.%20Pro%20cu%20hinc%20laoreet%20complectitur%2C%20eos%20eu%20constituam%20quaerendum.%20Wisi%20reque%20gubergren%20ex%20nec%2C%20mea%20debitis%20ancillae%20fabellas%20cu%2C%20modo%20minim%20moderatius%20ea%20vix.%22%7D%2C%7B%22author%22%3A%22ALEX%20ARTHUR%22%2C%22author_info%22%3A%22Customer%20Chief%22%2C%22quote%22%3A%22Eos%20te%20liber%20sanctus%20omnesque%2C%20eos%20affert%20saperet%20ei.%20Has%20debet%20cetero%20delectus%20ad.%20Veniam%20mediocritatem%20pro%20an%2C%20vim%20ut%20vocent%20aliquando%2C%20ut%20alia%20ridens%20necessitatibus%20has.%20Et%20ferri%20error%20vis.%20Ea%20sed%20hinc%20libris%20definiebas.%22%7D%5D" autoplay=""][g5plus_space desktop="50" tablet="40" tablet_portrait="40" mobile_landscape="40" mobile="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1474344241177{background-color: #f7f7f7 !important;}"][vc_column][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][g5plus_heading title="RECENT NEWS" sub_title="Show News" description="Aliquam congue augue a augue sagittis tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit." icon_type="image" icon_image="2042" align="text-center" subtitle_color="sub-dark" sub_title_line="true" add_icon="true"][g5plus_space desktop="60" tablet="50" tablet_portrait="40" mobile_landscape="40" mobile="40"][g5plus_posts source="recent" number="4" columns="2" items_md="-1" items_sm="1" items_xs="1" items_mb="1"][g5plus_space desktop="90" tablet="70" tablet_portrait="60" mobile_landscape="50" mobile="40"][/vc_column][/vc_row]

3. Choose source data content Our Team

Follow below to create Our Team item or Category

4. Setting Footer & Create content footer

4.1 Settings Footer

Go to ThemeOptions >> Footer tab, then setting below

4.2 Add widgets "G5Plus: Image", "Text" , "G5Plus - Social Profile"to "Footer 1" area

Go to Widget Manager

Add content "G5Plus - Logo":

Add content "Text":

Add content "G5Plus - Social Profile":

4.3 Add widgets "Custom Menu" to "Footer 2" area

Add "Custom Menu":

4.4 Add Widget "MailChimp Sign-Up Form" to "Footer 3" area

Add widget "MailChimp Sign-Up Form :"

4.5 Add text Copyright to "Bottom Bar Left" area

4.6 Add G5Plus:Image paypal to "Bottom Bar Right" area

Import Demo Content

If you are new to WordPress and have problems with setting up the theme you might want to import the demo content file that comes with the theme. The following actions will import some dummy posts and pages from the live preview:

Go to menu Tools > Import
Select WordPress from the list
If you haven't installed the WordPress import plugin, a popup window will appears and ask you to install it. Just click Install Now. When the installation progress is completed, click Activate Plugin & Run Importer. If you have installed this plugin, skip to next step.
Click Browse and select demo-data.xml file from the download package
(Example: simple demo on path: caferesto\assets\data-demo\simple, so the same for others)
Click Upload file and import
When you are asked to import author, you can create new author or import to existing author. You also should check the Download checkbox and import file attachments.

demo

Select WordPress from the list

demo

Continue with steps in image

demo

Display asked to import author, selected and continue

demo

After completing all above steps, open frontend link(Home 1) to see the pages imported to make, look like below is ok

demo

If you don't want to use the demo content pack, you can read the instructions on how to work with our theme built-in Page Builder below to make your own pages.

Import Slider Home Page

After setting up the homepage, you need to setup the slider for homepage to make it display the same as in live preview.

The download package contains the exported slider (Revolution Slider) that can be used as your slider template. Please follow the steps below to import it to your shop:

Go to "Revolution Slider"
Click "Import Slider" button
When a popup appear, click "Browse" and select one of zip sliders(these files include in main file downloaded) file.
Click "Import Slider" button to start import the selected slider
Repeat the steps to import all

Please note that these steps are to set up slider for homepage the same as in live demo. If you want to make your own slider, please follow the official Slider Revolution document.

Sidebars and Widgets

In this section will provide a list of pre-defined sidebars as well as a map of their locations on a page, so that you will find it easier when pulling out widgets to set up your site.

01 Main Sidebar Widget Area on frontend

02. Top Drawer Widget Area on frontend

Current, on my theme is haven't. But if you want to have it. You can do follow here:

03, 04. Top Bar Right, Top Bar Left Widget Area on frontend

05,06,07, 09, 10. Footer 1, Footer 2, Footer 3, Bottom Bar Left, Bottom Bar Right Sidebar Widget Area on frontend 08, 11, 12, 13. Canvas Menu Widget Area on frontend

Current, on my theme is haven't demo. But if you want to have it. You can enter information and use them.

Contact Form

You can do step by step as image below to build contact form

Add New Contact Form

You can visit Contact Form 7 Plugin to further details.

Or copy and paste content below to Form field(see image above)

Value Content "Contact form 1"

<div class="g5plus-contact-form"> <div class ="row"> <div class="col-md-6 col-sm-6 col-xs-12"> <span>YOUR NAME</span> [text* your-name placeholder "Put you full Name"] </div> <div class="col-md-6 col-sm-6 col-xs-12"> <span>EMAIL</span> [email* your-email placeholder "Email Address"] </div> <div class="col-md-12 col-sm-12 col-xs-12"> <span>SUBJECT</span> [text your-subject placeholder "Subject"] </div> <div class="col-md-12 col-sm-12 col-xs-12"> <span>MESSAGE</span> [textarea* your-message placeholder "Your text here..."] </div> </div> [submit class:btn class:btn-lg class:btn-dark class:btn-classic "SUBMIT"] </div>

Value Content "Homepage 5"

<label> Your Name (required) [text* your-name] </label> <label> Your Email (required) [email* your-email] </label> <label> Subject [text your-subject] </label> <label> Your Message [textarea your-message] </label> [submit "Send"]

And a lot of our contact form created here

General Options

You can adjust WordPress settings as follows:

Step 1 – You can set Site Title, Tagline in Settings > General

Step 2 – You can set Blog pages show at most in Settings > Reading

Step 3 – You can select Front Page displays in Settings > Reading

Step 4 – You can set Discussion settings in Settings > Discussion

Step 5 – You can change Image sizes in Settings > Media

We used the following sizes on our demo sites:
Thumbnail size: 150 x 150
Medium size: 300 x 300
Large size: 1024 x 1024

Step 6 – You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks

Theme Options/caferesto Options

By clicking on the "Theme Options" menu, you'll be able to change all template caferestofic settings.

General Settings

"General Settings" tab is divided into a few sections. Asides from the Install Demo Data section mentioned above, there are a few important sections for you to customize your layout.

You can upload this Logo on your server, or just paste an URL into the Logo box

1. On/Off smooth scroll

2.Back to top

Maintenance Mode

"Maintenance Mode" use for update/maintenance website. Can choose custom page or default(basic)

Performance

"Performance" use on/off js & css for faster loading page

Page Transition

Custom Favicon

Have many options for each devices/screen, view on image to further more details.

404 Setting

You can input information, background for 404 page with out install plugins.

Frontend display

Layout Options

Page Title

Blog & Single Blog

Logo Setting

Top Drawer

Top Bar

Header Customize

Theme Color

User can custom and change many options color on website.

Font Options

User can choose from many font style.

Custom Post Type

Users can disable the custom post types used within the theme here, by checking the corresponding box. Settings many options for them, also.

Menu Foot

Users can disable the custom post types used within the theme here, by checking the corresponding box. Settings many options for them, also.

Event Setting

Event Settinglet you check time to style your store quick and easily.

Resources Options

Resources options let you utilize boostrap elements to style your store quick and easily.

Custom CSS & Script

In case you want to add new CSS class or JS to your website, add it in this text box. This will add/overwrite the theme CSS,JS, so please be careful!

Preset Setting

Import/Export

You can back up the options you chose here and restore them later, in case you want to fiddle with it. You can even swap data between different installations by pasting the text in the box under Transfer Theme Options Data and click Import Options button.

Preset

You can also save presets and use them on other pages. The theme also has widget presets which lets you create WordPress landing pages very easily.

add new preset

add new page

You can set the following Options for the Preset you are currently editing:

1. Page Layout

Caferesto 's features custom setting page layout for your pages that you can overwrite page layout settings in Theme Options

Meta Options Page Layout

You can set the following Page Layout Options for the Preset you are currently editing:

Attribute	Description
Layout Style	Overwrite the Default Layout Style (set in Theme Options) for page used this preset.
Layout	Overwrite the Default Layout of pages settings section in Theme Options for page used this preset.
Sidebar Layout	Set position for the page sidebar: none, left, right, both of left and right
Sidebar	Select sidebar you want to display.
Sidebar With	Set sidebar with : Small (1/4) or Large (1/3)
Sidebar Mobile	Set sidebar for Mobile : On or Off
Content Padding	Set content top/bottom padding. Do not include units (empty to set default)
Content Padding Mobile	Set content top/bottom padding mobile. Do not include units (empty to set default)

2. Page Title

caferestofeatures custom setting page title for your pages that you can overwrite Page Title settings in Theme Options

Meta Options Page Title

You can set the following Page Title Options for the Preset you are currently editing:

Attribute	Description
Show/Hide Page Title?	Set visible of header, if selected default will take value in Theme Options
Page Title	Set Page Title like you want to display, If not set it will get value default.
Page Subtitle	Set Page Subtitle like you want to display, If not set it will get value default.
Padding	Set padding top/bottom for page title. If leave empty will take value in Theme Options
Background Image	Set Background Image for page title. If selected Off will take value in Theme Options
Page Title Background Overlay	Enable Page Title Background Overlay : On or Off. If selected Off will take value in Theme Options
Page Title Parallax	Set parallax mode for page title. If selected Default will take value in Theme Options
Breadcrumbs Enable	Set visible of breadcrumbs for page title. If selected Default will take value in Theme Options

3. Logo

caferestofeatures custom setting logo for your pages that you can overwrite Logo settings in Theme Options

You can set the following Logo Options for the Page you are currently editing:

Attribute	Description
Logo Desktop
Header Logo	Upload header logo if you want custom header logo for page used this preset.
Header Logo Retina	Upload Header Logo Retina for retina if you want custom Header Logo Retina for page used this preset
Sticky Logo	Upload logo sticky if you want custom logo for page used preset.
Sticky Logo Retina	Upload logo sticky for retina if you want custom logo retina for page used this preset
Logo max height	Set max height for logo, if leave empty will take value in Theme Options
Logo padding	Set padding for logo, if leave empty will take value in Theme Options
Logo Mobile
Mobile Logo	Upload logo if you want custom logo mobile for page used this preset.
Mobile Logo Retina	Upload logo mobile for retina if you want custom logo retina for page used this preset
Mobile Logo Max Height	Set max height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Padding	Set padding top/bottom for logo, if leave empty will take value in Theme Options

4. Top Drawer

caferestofeatures custom setting top drawer for your pages that you can overwrite top drawer settings in Theme Options

Meta Options Top Drawer

You can set the following Top Drawer Options for the Page you are currently editing:

Top drawer padding top. Do not include units (empty to set default)

Attribute	Description
Top Drawer Type	Set type of top drawer: 'Disable', 'Always Show', 'Toggle'. If selected default will take value in Theme Options
Top Drawer Sidebar	Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options
Top Drawer Wrapper Layout	Set layout wrapper for top drawer: 'Full Width', 'Container', 'Container Fluid'. If selected default will take value in Theme Options
Top Drawer hide on mobile	Set visible for top drawer area on mobile. If selected default will take value in Theme Options
Top Drawer Padding	Set Padding top/bottom for Drawer area. If you not choose it will set value default

5. Top Bar

caferestofeatures custom setting top bar for your pages that you can overwrite top bar settings in Theme Options

Meta Options Top Bar

You can set the following Top Bar Options for the Page you are currently editing:

Attribute	Description
Desktop Settings
Show/Hide Top Bar	Set visible of top bar. If selected default will take value in Theme Options
Top Bar Wrapper Layout	Set Top Bar Wrapper Layout: Container, Container Fluid. If not selected will take value in Theme Options
Top Bar Layout	Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar	Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar	Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options
Top bar padding	Set Top bar padding top. Do not include units (empty to set default). If selected default will take value in Theme Options
Mobile Settings
Show/Hide Top Bar	Set visible of top bar. If selected default will take value in Theme Options
Top Bar Layout	Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar	Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar	Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options

6. Header

caferestofeatures custom setting header for your pages that you can overwrite header settings in Theme Options

Meta Options Header

You can set the following Header Options for the Page you are currently editing:

Attribute	Description
Header On/Off?	Set visible of header
Desktop Settings
Header Layout	Set layout of header. If no selected will take value in Theme Options
Header Container Layout	Set container layout for header: 'Container', 'Container Full'. If not selected will take value in Theme Options
Header Float	Set float for header. If selected default will take value in Theme Options
Show/Hide Header Sticky	Set sticky mode for header. If selected default will take value in Theme Options
Header border bottom	Set Header border bottom. If selected default will take value in Theme Options
Header padding	Set Padding top/bottom for Header area. If selected default will take value in Theme Options
Navigation Spacing	Set Navigation Spacing (px). Do not include unit. If selected default will take value in Theme Options
Page Header Mobile
Header Mobile Layout	Set layout fot header mobile. If no selected default will take value in Theme Options
Menu Drop Type	Set drop type for menu mobile: 'Dropdown Menu', 'Fly Menu'. If not selected will take value in Theme Options
Header mobile sticky	Set sticky mode for mobile header. If selected default will take value in Theme Options
Mobile Header Search Box	Set visible for search box. If selected default will take value in Theme Options
Mobile Header Shopping Cart	Set visible for shopping cart. If selected default will take value in Theme Options
Mobile header border bottom	Set border bottom for mobile header: 'None', 'Bordered', 'Container Bordered'. If selected default will take value in Theme Options

7. Header Customize

caferestofeatures custom setting header customize area for your pages that you can overwrite header customize settings in Theme Options

Meta Options Header Customize

You can set the following Header Customize Options for the Page you are currently editing:

Attribute	Description
Header Customize Navigation
Header Customize Navigation	Set visible and order item for Header Navigation: 'Search Button','Shopping Cart','Sidebar', 'Custom text '

8. Menu

caferestofeatures custom setting menu for your pages that you can overwrite Menu settings

You can set the following Menu Options for the Page you are currently editing:

Attribute	Description
Page menu	Optionally you can choose to override the menu that is used on the page.
Page menu mobile	Optionally you can choose to override the menu mobile that is used on the page
Is One Page	Set page style is One Page

9. Footer

caferestofeatures custom setting footer for your pages that you can overwrite Footer settings in Theme Options

Meta Options Footer

You can set the following Footer Options for the Page you are currently editing:

Attribute	Description
General Settings
Show/Hide Footer?	Set visible of footer, if selected default will take value in Theme Options
Footer Container Layout	Set container layout for footer: 'Full Width', 'Container Fluid', 'Container', if selected Off will take value in Theme Options
Footer Parallax	Set parallax mode for footer. If selected Default will take value in Theme Options
Background Image	Set background image for footer. If leave empty will take value in Theme Options
Footer Image apply for	Select region apply for footer image : Footer or WrapperMain Footer
Footer Custom	Select one to apply to the page footer
Above Footer Settings
Above Footer	Select Widget you want to display in Above Footer Area, if selected default will take value in Theme Options
Main Footer Settings
Show/Hide Main Footer	Set visible of Main Footer area, if selected default will take value in Theme Options
Layout	Set layout of footer Main Footer area, if no selected will take value in Theme Options
Sidebar 1, Sidebar 2, Sidebar 3, Sidebar 4	Select Widget you want to display in Main Footer area, if selected default will take value in Theme Options
Collapse footer on mobile device	Set Collapse footer on mobile device : On or Off.
Footer Border Top	Set Border Top for Main Footer: None, Full Border, Container Border
Footer padding	Set padding top/bottom for Main Footer. Do not include units (empty to set default).
Bottom Bar Settings
Show/Hide Bottom Bar	Set visible of footer bottom area, if selected default will take value in Theme Options
Bottom Bar Layout	Set layout sidebar of footer bottom area, if no selected will take value in Theme Options
Bottom Bar Left Sidebar	Set sidebar for footer bottom left, if no selected will take value in Theme Options
Bottom Bar Right Sidebar	Set sidebar for footer bottom right, if no selected will take value in Theme Options
Bottom Bar Border Top	Set Border Top for Bottom Bar: 'Default', 'None', 'Full Border' , 'Container Border'
Bottom bar padding	Set padding top/bottom for footer bottom area. If leave empty will take value in Theme Options

10. Colors Setting

caferestofeatures setting page color, allow you custom different color for each page

Meta Options Colors Setting

You can set color for each area on page :

Attribute	Description
General Settings
Accent Color Customize	Customize color for Accent Area
Top Drawer Customize	Customize color for Top Drawer Area
Header Customize	Customize color for Header Area
Top Bar Customize	Customize color for Top Bar
Navigation Customize	Customize color for Navigation Area
Footer Customize	Customize color for Footer Area
Bottom Bar Customize	Customize color for Bottom Bar Area
Top Drawer
Top drawer background color	Customize background color for Top drawer Area
Top drawer text color	Customize color for text on Top drawer Area
Header
Header background color	Customize background color for Header Area
Header text color	Customize color for text on Header Area
Header border color	Customize border color for Header Area
Header above border color	Customize above border color for Header Area
Similar you can customize colors for : Top Bar, Navigation, Footer, Bottom Bar Area

Page Setting

caferesto features custom settings for your pages that you can set globally under Theme Options and individually on a per Page basis in your Edit Page screen under the Meta Options section (the section will be above or below your Visual Composer editor section).

You can set the following Options for the Page you are currently editing:

Attribute	Description
Page Setting
Preset	Select Preset: Optionally you can choose to override the setting that is used on the page
Custom Css Class	You can enter name class to written code CSS
Sidebar Layout	Set Sidebar Layout to display as you want to. If not set, it will get defaults
Remove Content Padding	Remove Content Padding for page. If leave empty will take value in Theme Options
Show/Hide Page Title	Set Show/Hide Page Title : Default, Show, Hide. If selected Off will take value in Theme Options
Show/Hide Breadcrumbs	Set Show/Hide Breadcrumbs. If selected Default will take value in Theme Options
Custom Page Title
Page Title	Set Page Title for page
Page Sub Title	Set Sub Page Title for page
Custom Page Title Background?
Custom Page Title Background?	show/ Hide Custom Page Title Background?
Custom Page Title Background Overlay?

1. Page Layout

caferesto features custom setting page layout for your pages that you can overwrite page layout settings in Theme Options

Meta Options Page Layout

You can set the following Page Layout Options for the Page you are currently editing:

Attribute	Description
Layout Style	Overwrite the Default Layout Style (set in Theme Options) for this page.
Layout	Overwrite the Default Layout of pages settings section in Theme Options for this page.
Sidebar Layout	Set position for the page sidebar: none, left, right, both of left and right
Content Padding	Set content top/bottom padding. Do not include units (empty to set default)
Remove Content Padding	If turn on this function. It will Remove Content Padding top/bottom padding, include value default
Page Class Extra	Add class extra in to body tag for this page

2. Logo

caferesto features custom setting logo for your pages that you can overwrite Logo settings in Theme Options

You can set the following Logo Options for the Page you are currently editing:

Attribute	Description
Logo Desktop
Header Logo	Upload header logo if you want custom header logo for this page.
Header Logo Retina	Upload Header Logo Retina for retina if you want custom Header Logo Retina for this page
Sticky Logo	Upload logo sticky if you want custom logo for this page.
Sticky Logo Retina	Upload logo sticky for retina if you want custom logo retina for this page
Logo max height	Set max height for logo, if leave empty will take value in Theme Options
Logo padding	Set padding for logo, if leave empty will take value in Theme Options
Logo Mobile
Mobile Logo	Upload logo if you want custom logo mobile for this page.
Mobile Logo Retina	Upload logo mobile for retina if you want custom logo retina for this page
Mobile Logo Max Height	Set max height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Padding	Set padding top/bottom for logo, if leave empty will take value in Theme Options

2. Top Drawer

caferesto features custom setting top drawer for your pages that you can overwrite top drawer settings in Theme Options

Meta Options Top Drawer

You can set the following Top Drawer Options for the Page you are currently editing:

Top drawer padding top. Do not include units (empty to set default)

Attribute	Description
Top Drawer Type	Set type of top drawer: 'Disable', 'Always Show', 'Toggle'. If selected default will take value in Theme Options
Top Drawer Sidebar	Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options
Top Drawer Wrapper Layout	Set layout wrapper for top drawer: 'Full Width', 'Container', 'Container Fluid'. If selected default will take value in Theme Options
Top Drawer hide on mobile	Set visible for top drawer area on mobile. If selected default will take value in Theme Options
Top Drawer Padding	Set Padding top/bottom for Drawer area. If you not choose it will set value default

3. Top Bar

caferesto features custom setting top bar for your pages that you can overwrite top bar settings in Theme Options

Meta Options Top Bar

You can set the following Top Bar Options for the Page you are currently editing:

Attribute	Description
Desktop Settings
Show/Hide Top Bar	Set visible of top bar. If selected default will take value in Theme Options
Top Bar Layout	Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar	Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar	Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options
Mobile Settings
Show/Hide Top Bar	Set visible of top bar. If selected default will take value in Theme Options
Top Bar Layout	Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar	Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar	Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Border	Set border for top bar area:'Default','None', 'Full Bordered', 'Container Border'. If selected default will take value in Theme Options

4.Page Header

caferesto features custom setting header for your pages that you can overwrite header settings in Theme Options

Meta Options Header

You can set the following Header Options for the Page you are currently editing:

Attribute	Description
Header On/Off?	Set visible of header
Desktop Settings
Header Layout	Set layout of header. If no selected will take value in Theme Options
Header Container Layout	Set container layout for header: 'Container', 'Container Full'. If not selected will take value in Theme Options
Header Float	Set float for header. If selected default will take value in Theme Options
Show/Hide Header Sticky	Set sticky mode for header. If selected default will take value in Theme Options
Header padding	Set Padding top/bottom for Header area. If selected default will take value in Theme Options
Navigation Height	Set header navigation height (px). Do not include unit. If selected default will take value in Theme Options
Page Header Mobile
Header Mobile Layout	Set layout fot header mobile. If no selected default will take value in Theme Options
Menu Drop Type	Set drop type for menu mobile: 'Dropdown Menu', 'Fly Menu'. If not selected will take value in Theme Options
Header mobile sticky	Set sticky mode for mobile header. If selected default will take value in Theme Options
Mobile Header Search Box	Set visible for search box. If selected default will take value in Theme Options
Mobile Header Shopping Cart	Set visible for shopping cart. If selected default will take value in Theme Options
Mobile header border bottom	Set border bottom for mobile header: 'None', 'Bordered', 'Container Bordered'. If selected default will take value in Theme Options

5.Page Header Customize

caferesto features custom setting header customize area for your pages that you can overwrite header customize settings in Theme Options

Meta Options Header Customize

You can set the following Header Customize Options for the Page you are currently editing:

Attribute	Description
Header Customize Left
Header Customize Left	Set visible and order item for Header Left: 'Email', 'Phone', 'Search Type', 'Sidebar', 'Custom text content left', 'Navigation Item Spacing '
Header Customize Right	Set visible and order item for Header Right: 'Email', 'Phone', 'Search Type', 'Sidebar', 'Custom text content right', 'Navigation Item Spacing '
Header Customize Navigation	Set visible and order item for header navigation: 'Email', 'Phone', 'Search Type', 'Sidebar', 'Custom text content ', 'Navigation Item Spacing '

7. Menu

caferesto features custom setting menu for your pages that you can overwrite Menu settings

You can set the following Menu Options for the Page you are currently editing:

Attribute	Description
Page menu	Optionally you can choose to override the menu that is used on the page.
Page menu mobile	Optionally you can choose to override the menu mobile that is used on the page
Is One Page	Set page style is One Page

8. Page Title

caferesto features custom setting page title for your pages that you can overwrite Page Title settings in Theme Options

Meta Options Page Title

You can set the following Page Title Options for the Page you are currently editing:

Attribute	Description
Show/Hide Page Title?	Set visible of header, if selected default will take value in Theme Options
Page Title	Set Page Title to display as you want to. If not set, it will get defaults
Page Subtitle	Set Page Subtitle to display as you want to. If not set, it will get defaults
Padding	Set padding top/bottom for page title. If leave empty will take value in Theme Options
Custom Background Color?	Set custom background color for page title. If selected Off will take value in Theme Options
Page Title Parallax	Set parallax mode for page title. If selected Default will take value in Theme Options
Breadcrumbs Enable	Set visible of breadcrumbs for page title. If selected Default will take value in Theme Options

9. Footer

caferesto features custom setting footer for your pages that you can overwrite Footer settings in Theme Options

Meta Options Footer

You can set the following Footer Options for the Page you are currently editing:

Attribute	Description
General Settings
Show/Hide Footer?	Set visible of footer, if selected default will take value in Theme Options
Footer Container Layout	Set container layout for footer: 'Full Width', 'Container Fluid', 'Container', if selected Off will take value in Theme Options
Layout	Set layout sidebar for footer, if not selected will take value in Theme Options
Background Image	Set background image for footer. If leave empty will take value in Theme Options
Footer Parallax	Set parallax mode for footer. If selected Default will take value in Theme Options
Collapse footer on mobile device	Set collapse mode for footer on mobile device. If selected Default will take value in Theme Options
Footer Border Top	Set Border Top for footer: 'Default', 'None', 'Full Border' , 'Container Border'
Footer padding	Set padding top/bottom for main footer. If leave empty will take value in Theme Options
Bottom Bar Settings
Show/Hide Bottom Bar	Set visible of footer bottom area, if selected default will take value in Theme Options
Bottom Bar Layout	Set layout sidebar of footer bottom area, if no selected will take value in Theme Options
Bottom Bar Left Sidebar	Set sidebar for footer bottom left, if no selected will take value in Theme Options
Bottom Bar Right Sidebar	Set sidebar for footer bottom right, if no selected will take value in Theme Options
Bottom Bar Border Top	Set Border Top for Bottom Bar: 'Default', 'None', 'Full Border' , 'Container Border'
Bottom bar padding	Set padding top/bottom for footer bottom area. If leave empty will take value in Theme Options

10. Page Color

caferesto features setting page color, allow you custom different color for each page

Meta Options Footer

You can set color for each area on page :

Attribute	Description
General Settings
Accent color Customize	Customize color for Accent Area
Foreground Accent color Customize	Customize color for Foreground Accent color
Text color	Customize color for Text
Border color Customize	Customize Border color for Header Area
Heading color Customize	Customize Heading color for Top Bar
Top Bar Settings
Navigation Settings
Navigation Settings
Bottom Bar Settings

Setting a static page as Home

If you installed the Demo Content, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content, following these steps:

Go to Settings > Reading
For Front page displays, select A static page (select below)
Choose either Home 1, Home 2 from the dropdown for Front page
Click Save Changes

Save all your changes!

Config row / column

Content management is a breeze with Fortuna and it requires absolutely no coding skills. Using a highly customized version of the Visual Composer plugin the theme offers a user friendly Drag'n'Drop interface for easy page creation and editing. Follow these simple steps to create a Page with caferesto:

Step 1:Go to Pages > Add new in your Dashboard. Add a Title to your Page (top field).

Step 2:Switch to Backend Editor if you are currently under Classic Mode (button below Title field).

Step 3:Start adding page content by clicking on the Plus button or Add Element.

Step 4:The Add Element Popup appears, click on the first element in order to add a new Row to your page. A Row is a main building block of a page, you can split your Rows into Columns, place various elements into your rows, set Row Backgrounds, effects etc.

Step 5:Once you have the new Row added to your page you can split that Row into Columns in order to organize elements nicely in it. Once you split your Row into column you can start adding different Page Elements into your columns. If you want to edit your Row/Column Settings click on the small Pen icon (top right corner of the Row/Column). You can also Duplicate your Row with the Icon (duplicate icon) next to it or Remove the Row/Column with the icon to the right (trash bin icon).

Row Settings (General)

Click on the Edit Row button (Pen icon, top right of the Row). You will see the Row Settings Dialog popup.

Layout:

Full Width (overflow hidden) - Row will full width (option default)

Full Width (overflow visible) - Row will full width, visible content if overflow

Container - Max width 1170px and center.

Container Fluid - Full width, padding left and padding right 15px.

Columns gap:

In order to control gaps between columns navigate to row parameter window and change column gap option - the gap will be introduced between all columns within this row. Default value of gap is set to 0.

Important: In case of mobile stacking gap will be introduced between stacked columns as well.

Full Height Row and Video Background:

Equal height:

In order to set columns within row to be equal height you must navigate to row parameter window and check Equal height option to be active. All columns within this row will have equal height and align to the longest column.

Content position:

In order to control vertical alignment of content within rows/columns navigate to row parameter window and select position of content - top, middle or bottom. By default value is set to "Default" meaning it will use Top or any other alternative if defined within your WP theme.

Parallax:

Show background overlay (Overlay Color)

Color - Click button to select color of background overlay

Overlay Opacity - Set opacity for overlay (0 → 100)

Show background overlay (Overlay Image)

Image - Click button to select select image or set background image from Design Options

Overlay Opacity - Set opacity for overlay (0 → 100)

Row ID

Set ID of row (Note: make sure it is unique and valid according to w3c caferestofication)

Row Settings (Design Options)

Row Settings (Animation Settings)

CSS Animation - Select type of animation if you want this element to be animated when it enters into the browsers viewport.

Animation Duration - Duration in seconds. You can use decimal points in the value. Use this field to caferestofy the amount of time the animation plays. The default value depends on the animation, leave blank to use the default.

Animation Delay - Delay in seconds. You can use decimal points in the value. Use this field to delay the animation for a few seconds, this is helpful if you want to chain different effects one after another above the fold.

Managing Columns

Once you have the desired number of columns in a Row you can manage each Column's individual settings by clicking on the Toolbar icons of that caferestofic Column. The Plus Icon adds an element to the top of the Column, the bottom Plus Icon adds an elemnt to the bottom of the Column. The Trash Bin icon removes the Column. Access the Column Settings by clicking on the Pen Icon.

Column Settings (General)

Access the Column Settings by clicking on the Pen Icon. The General tab provides with the option to add CSS classes to your Column if you wish to access it via CSS (can pass more than one divided by a space).

Column Settings (Design Options)

Column Settings (Responsive Options)

Add / Edit Page Elements

Adding Page Elements to your Page is pretty straightforward. First you need to have created a new page, added a Row to it and defined your Row Columns (read more in the previous section).

Step 1:Click on one of the Plus Icons within the column you want to add a new element to.

Step 2:The Page Elements dialog will appear, click on the element you want to add to your Column/Row.

Step 3:The Element Settings Dialog of the Element you are adding appears. Customize your element anyway you want, then click Save.

Step 4:Your element is now in the Column you added it to. Once you hover your newly added element you will see a small popup that let's you manage it. You can do the following with your elements:

Move - Drag your element via the Direction Icon to move it around within the Column,Row or Page.

Edit - Click on the Pen Icon to edit your Element's properties.

Clone - Click on the Copy Icon to duplicate your Element.

Delete - Click on the Trash Bin Icon to remove your Element.

Custom post type

caferesto have custom post type:

Menu Food: caferesto provide post type Menu Food to create Menu Food

Create Menu Food Items

caferesto provide a Menu Food custom post type that lets you feature your work in style. To create your Menu Food items follow the steps below:

Step 1: Go to Menu Food > Add Menu Food in your Dashboard.

Step 2: Click on Add Menu Food to make a new Add Menu Food. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3: To select Feature Image click the first Featured Image Box, select an image and click “Set Featured Image”. This is image that display on shortcode portfolio

Step 4: Add Menu Food extra information by input to 'Food Extra' section.

Step 5: Once you are finished, click Publish to save the Menu Food post

Here Is A Screenshot That Shows The Various Areas Of The Menu FoodPost Page Described Above

Setting Custom post type

Each custom post type has each page setting to change slug, display name. To change setting custom post type follow the steps below:

Step 1: Go to 'Custom Post Type' (ex: Menu Food) > Settings in your Dashboard.

Step 2: Input value to 'New slug post type' and 'New name post type'

Step 3: Input value to 'New slug category' and 'New name category' .

Step 4: Once you are finished, click 'Save Changes' to save the settings

Here Is A Screenshot That Shows Setting Custom Post Type Described Above

Contact Forms Settings

Settings For Send Mail

You can visit WP Mail SMTP Plugin to further details.

Mail Chimp Settings

Step 1: Choose menu follow:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6, the last:

For more information about MailChimp Plugin, you can reference here.

Update theme to latest version

To update theme to latest version:

Please do follow here: http://support.g5plus.net/knowledge-base/how-to-update-to-latest-version/.

Update shortcode/framework plugins to latest version

To update shortcode/framework plugins to latest version:

Please do follow here: http://support.g5plus.net/knowledge-base/how-to-update-shortcodeframework-plugins-to-latest-version/.

Thank you for purchasing our theme

If you have any questions that are beyond the scope of this documentation

Please email to us via: themevin.net@gmail.com Thanks so much!

Caferesto - A Restaurant WordPress Theme

Files Included

Struct look like:

Code navigation

System Requires

Recommended PHP Configuration Limits

Download caferesto Theme

Install caferesto Theme

Installation via Wordpress

Installation via FTP

Install caferesto Required Plugins

One Click Install Demo Data

Then choose "Install" demo data you want:

Creat a new page

Building Hompage

Building your Home page:

Building OnePage

BUILD AN EXAMPLE

THIS IS STEP BY STEP HOW TO BUILD HOME PAGE "simple" MANUAL FOR http://themes.g5plus.net/caferesto/home-15

Need Wordpress, caferesto & plugins are already

I. Overview elements area on page

II. BUILDING

1. Build & Setting header area

1.1 Upload logo

1.2 Create menu

1.3 Settings

2. Import slider & create home page

2.1. Import slider simple

2.2. Create A New Page

3. Choose source data content Our Team

Follow below to create Our Team item or Category

4. Setting Footer & Create content footer

4.1 Settings Footer

4.2 Add widgets "G5Plus: Image", "Text" , "G5Plus - Social Profile"to "Footer 1" area

4.3 Add widgets "Custom Menu" to "Footer 2" area

4.4 Add Widget "MailChimp Sign-Up Form" to "Footer 3" area

4.5 Add text Copyright to "Bottom Bar Left" area

4.6 Add G5Plus:Image paypal to "Bottom Bar Right" area

Import Demo Content

Import Slider Home Page

Sidebars and Widgets

Contact Form

General Options

Theme Options/caferesto Options

General Settings

Maintenance Mode

Performance

Page Transition

Custom Favicon

404 Setting

Frontend display

Layout Options

Page Title

Blog & Single Blog

Logo Setting

Top Drawer

Top Bar

Header Setting

Header Customize

Footer Setting

Frontend display

Theme Color

Font Options

Social Profiles

Custom Post Type

Menu Foot

Event Setting

Resources Options

Custom CSS & Script

Preset Setting

Import/Export

Preset

1. Page Layout

2. Page Title

3. Logo

4. Top Drawer

5. Top Bar

6. Header

7. Header Customize

8. Menu