Cafesio

Documentation for Cafesio - WordPress Theme

Cafesio - Restaurent WordPress Theme / Theme documentation version 1.0.0


Getting Started

  • Item Name : Cafesio - WordPress Theme
  • Item Version : V 1.0.0
  • Author : Themewinter

First of all, Thank you so much for using the theme. You are awesome!
You are entitled to get free lifetime updates to this product.

Be careful while editing the theme. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Introduction and quick start guide. #back to top

Thank you so much for using our theme called Cafesio - WordPress Theme. Please feel free to contact us if you have questions or problems about this theme. No guarantee is provided, but we will do our best to provide you with the best possible assistance.

First Step

  • Documentation - That's where you
  • License - Some info's about theme licencing terms
  • SampleData - Import Data to get the exact Site as the Preview Page
  • Upload - This is where all Theme files are (zipped & unzipped format)

Install Theme

The first option how to install this Theme would be to directly upload the Cafesio.zip file via WordPress Theme Uploader.
  • Minimal requirements:
    • PHP 7+
    • Php.ini settings:
      upload_max_filesize = 32M
      post_max_size = 48M
      memory_limit = 256M
      max_execution_time = 600
      max_input_time = 400
    • MySQL 5.0+
    • Wordpress 5+
    • Please make sure you have proper version of wordpress installed.
    • Log Into WordPress and go to Appearance > Themes
    • Find the Cafesio Theme and click activate
  • FTP Upload:
    • Unzip the "Cafesio.zip" file from theme folder
    • Open up your FTP manager and connect to your hosting
    • Browse to wp-content/themes
    • Upload the Cafesio in theme folder
    • Log Into WordPress and go to Appearance > Themes
    • Find the Cafesio Theme and click activate
  • Wordpress Dashboard:
    • Log into your WordPress backend
    • Navigate to Appearance > Themes
    • Click Install Themes
    • Click Upload
    • Now you just need to find the "Cafesio.zip" in the Upload folder and hit Install now.
    • After completing the installation click on active button to activate The theme.

If you are experiencing any issues during the installation I would recommend to check out this

After activating the Cafesio theme you will see the below window. and install all required plugins.

Step 1: Theme Activation

Step 2: Demo Content

To get the site look like demo you need to install and activate the below plugins. Click the name for url.

Devmonsta, Elementor, Widget Importer & Exporter, WordPress Importer

Cafesio Home Page Runs with Elementor Page Builder. Check below doc how to use Elementor Page Builder.

Cafesio

Cafesio requires plugins Elementskit Lite, Wp Cafe Pro And WooCommerce

Step 3: Import XML File and Install

Please download demo XML data from here. Link : DEMO XML & Widget Data

Step 4: Import Widgets

Upload cafesio-widgets.wie file in tools->widget importer & exporter and import

It will take some times to install full demo data like demo site.


Demo Installtion Cafesio Theme

Make Sure you install and active Devmonsta and WPcafe Pro Pro Plugin.

It will take some times to install full demo data like demo site.

You are done ! :)

Install with Normal process

Make sure you have upload your theme via appearance-> themes or via ftp. and Active the theme

If you are experiencing any issues during the installation I would recommend to check out this

Installation Screencast

  1. ACTIVATE THEME
  2. .. That's it ! :) ...

Theme Customizer

Navigation Setting

You can find the all menu settings from Appearance -> Menus

From Menu Settings, you can set primary menu, footer menu etc.


Logo Setting

To change the logo admin dashboard > Appearance > Customize > Theme Settings > General Settings > Main Logo


Style Setting

To change the logo admin dashboard > Appearance > Customize > Theme Settings > Style Settings > You can set Body Background, Primary Color, Title Color, Body Typhography, H1-h4 (Typography, color)


Header Settings

From Appearance > Customize > Theme Settings > header Settings
you can set the Header Search hide/show option.


Footer Settings

From Appearance-> Customize-> Themes Settings -> Footer Settings , you can set Footer Widgets, Number of Widget, Copyright Text, Copyright padding, Copyright Color, Copyright Backgrund, Back to top etc.




Banner Settings

Page Banner Settings

From Appearance > Customize > Theme Settings > Banner Setting > Page Banner Setting , you can set Banner show / hide, Breadcrumb, Banner Title, Page Banner Image form here.


Blog Banner Settings

From Appearance > Customize > Theme Settings > Banner Setting > Blog Banner Setting , you can set Banner show / hide, Breadcrumb, Banner Title, Blog Banner Image form here.


Theme blog Settings

You can set here all blog single and listing setting

Blog List Settings

From Appearance > Customize > Theme Setting > Blog Settings >Blog List Settings ,
You can set Blog Layout, Date, readmore text, Author, Pagination etc.


Blog Details Settings

From Appearance > Customize > Theme Setting > Blog Settings >Blog Blog Details Settings ,
You can set Blog Layout, Date, readmore text, Author, Pagination etc.


Visual Page Builder

Accessing the editor

To start working with Elementor, go to the WordPress dashboard. Then, add a new page by clicking on Pages > Add New. Then, create a new page and save it with the 'full width' template and then click on the 'Edit with Elementor' button.

Create Elementor Page


Elementor UI: Getting to know the interface

The Elementor page builder includes these main areas:
1. Panel (Top): Use the search field to find a widget.
2. Widgets / Widget Settings: Choose a widget and configure it.
3. Preview Button: Enables you to preview the page. Once clicked it hides/shows the panel.
4. Panel (Bottom): View page, Go back to Dashboard or Save page.
5. Content Area: Drag & drop widgets and design your page.
6. Add New Section / Add Template: Choose between creating a new section or inserting an existing template.


Creating your section

A section is the most basic element that you can work with. It's the building block of every page. A section can be set as full width and spread all over the screen, or receive the content area width (by default).



After you create a section you can drag and drop a widget inside. You can also divide each section to few columns. Every page you create can contain as many sections as you want. You can drag a section above or under another one to relocate it.

  1. Add New Section: Click this button to create a new section or simply drag a widget from the panel and drop it in the content area.
  2. Select Yout Structure: Choose a structure for your section (Later, you can edit the exact width of every column).
  3. You can edit, duplicate or delete a section. You can also save it as a template or add a new section above.

Inserting a widget


Click the content to edit, duplicate or delete a widget. You can also save it as a Global Widget. Add Widget: Drag a widget from the left panel and drop it into a column.

1. To edit a widget, click the pencil icon.
2. On the Panel header, you can choose to edit the widget's content and style.
3. Every widget has a different setting. 
4. You can save your current changes at any stage.
5. When you have finished designing, click the 'X' button at the bottom panel and view the page.


Cafesio Shortcodes


How to get all the elements of our theme?

Just go to elementor editor & see the elements of the "Elementskit" & "Cafesio" category tab.


Cafesio Main Slider


Support Desk #back to top

https://support.themewinter.com/support-center/