Despina is a premium WordPress theme for mega Coffee Shops, Cafes, Bars and Restaurant Responsive WordPress Theme for bakery, food, beverage, cake, cuisine, organic, sushi, coffee, pizza, tea, wine or restaurant & other food relevant businesses.

It can be used for introducing about your restaurant, team, service, order system, contact info or show gallery, write blog about cooking, etc

Our support team is looking forward to helping you!

We work Monday to Friday. Please remember this when you contact us. It’s faster for us provide support by our support system.

Support system: https://support.sk-web-solutions.com/

• Updated: May 31, 2022
• Version: 2.9
• Created by: SK Web Solutions
• Demo URL: https://despina.sk-web-solutions.com/
• Support system: https://support.sk-web-solutions.com/
• Customization services: https://sk-web-solutions.com/services/

1. Installation
   • Download From ThemeForest
   • Install via FTP
   • Install via WordPress
   • Plugin Installation
   • How to import demo content
   • How to update Despina
2. Theme Options
   • General
   • Logo and Favicon
   • Headers
   • Blog Options
   • WooCommerce Options
   • Custom Code
   • Footer Options
   • Google Map
   • 404 Page Options
3. Pages
   • Create a New Page
   • Create The Homepage
4. Setting up Menu
5. Visual Composer Element
   • Info Banner
   • Menu
   • Advanced Button
   • Products
   • Content Box With Slider
   • Featured Blog
   • Testimonials
   • Info Box
   • Instagram
   • Image Slider
   • Flip Box
   • Gallery
   • Google Map
   • Despina FAQ
   • Package
6. Menu
7. Gallery
8. Sidebars & Widgets
   • Sidebars
   • Widgets
9. Customisation
10. Increase Page Speed

To Install this theme you must have a working version of WordPress already installed. For more information regarding installing the WordPress platform, please see the WordPress Codex.

Please note that we do not give support or any questions related on how to install and maintain wordpress. For any faulty installation that may cause your website or our theme malfunction you should refer to wordpress support system. Alternatively you can get help from your web hosting.

If you’ve downloaded whole theme package, unzip it. There you will find the theme installation file , user manual, dummy content .xml file etc.

Alternatively you can simply download the installable WordPress file.

When you are ready to install a theme, you must first upload the theme files and then activate the theme. For this purpose, unzip the file that you downloaded from themeforest and there you would find theme (despina.zip) file and upload it via wordpress installer. The theme files can be uploaded in two ways

Step by step: How to install Despina via FTP

• Step 1 – Log into your FTP client to access your host web server
• Step 2 – Browse to find the despina.zip file on your computer (located in downloader folder from ThemeForest) and unzip it.
• Step 3 – Upload the folder you extracted from the zip file to yourdomain/wp-content/themes/ folder
• Step 4 – Activate the newly installed theme by going to WordPress > Appearance > Themes and clicking the Activate button.
• Step 5 – After you activate Despina you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Despina Theme Functinality, Visual Composer, Revolution Slider, Menu Image, Contact Form 7 and WooCommerce plugin is required.
• Step 6 – Click on Install Button on each plugin to start installing them. After you’ve installed them, Activate them.

Step by step: How to install Despina via WordPress admin panel

• Step 1 – Navigate to Appearance > Themes
• Step 2 – Click Add New and click the Upload button.
• Step 3 – Browse to find the despina.zip file on your computer and click Install Now
• Step 4 – Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.
• Step 5 – After you activate Despina you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Despina Theme Functinality, Visual Composer, Revolution Slider, Menu Image, Contact Form 7 and WooCommerce plugin is required.
• Step 6 – Click on Install Button on each plugin to start installing them. After you’ve installed them, Activate them.

Despina includes 6 plugins that will need to be installed and activated: Despina Theme - Functionality, Visual Composer, Revolution Slider and Contact Form7. When you install Despina, you will get a notification message in your WordPress admin telling you of the required and recommended plugins.

Required plugins:

1. Despina Theme - Functionality: This is our own plugin that is required to use Despina properly. Please make sure this is always installed and activated.
2. Visual Composer: This is a premium page builder plugin created by WpBakery.
3. Revolution Slider: This is a premium slider plugin created by ThemePunch.
4. Menu Image: Adds a field to load the image in a menu item and displays the image inside the link in the menu before the text.
5. Contact Form 7: This plugin can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
6. WooCommerce: WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully.

Plugin Installation & Update Notification

When you install Despina or update Despina, you will receive a WordPress notification message letting you know to install or update the required and recommended plugins. Please follow the on screen prompts to install, activate or update.

Despina comes with the One Click Import feature so easily start with content in the right way. To install demo content proceed as follow.

1. Navigate to Theme Options > Demo Importer
2. Select the demo you want to install by clicking on Import Demo

Edit your wp-config.php file and enter something like:

define('WP_MEMORY_LIMIT', '128M');

WordPress memory can be different to the server – you need to set this regardless of server memory settings If you have access to your PHP.ini file, change the line in PHP.ini If your line shows 32M try 64M:

memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)

If you don’t have access to PHP.ini try adding this to an .htaccess file: php_value memory_limit 64M

If none of the above works then talk to your host.

There are three ways to update theme

• Always check our update notes
• Always backup the files and the database, in case something goes wrong with the server you could use the backup to revert to the previous state. For more information on how to backup check the official documentation.
• Do not keep older copies of the theme inside wordpress themes folder
• Reset the cache after you update

1. Place your site in maintenance mode, for this you could use a plugin (ex. Ultimate Maintenance Mode, WP Maintenance Mode, … etc.)
2. Go to “yoursite/wp-content/themes” folder location and backup your Despina theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost but note that if you have modifications on the theme code they will be lost. You have to reapply them after the update is over.
3. Connect to your FTP account using Filezilla.
4. Inside Filezilla navigate to the wordpress theme directory “yoursite/wp-content/themes”.
5. Retrieve the despina.zip file from your recently ThemeForest download and extract the file to get the updated Despina theme folder.
6. Drag and drop the new Despina theme folder into “yoursite/wp-content/themes” and overwrite the existing files.

1. Download the envato wordpress toolkit from here: https://github.com/envato/envato-wordpress-toolkit
2. Upload and activate the envato wordpress toolkit plugin (.zip file that you downloaded).
3. Get your new api key
4. Go to Envato Toolkit Menu and add your Themeforest Username and the API Key that you generated from your account in the required fields. Save your settings. If you have problems with the update check Skip Theme Backup checkbox.
5. Update the theme.
6. Choose Activate the theme.

1. Deactivate the current Despina theme from the Appearance > Themes section by activating a different theme. Once you activate a different theme, delete the Despina theme. Don’t worry, your content will not be lost.
2. Get the “despina.zip” file from your new Themeforest download (Installable WordPress file only). If you downloaded the “All Files & Documentation” from Themeforest, then you need to unzip the archive file you received, the despina.zip will be inside it.
3. Go to Appearance > Themes, choose Add New Theme, Upload the despina.zip” and click on the “Install Now” button.
4. After your upload is finished choose Activate the theme.

Despina allows you upload different Pre-Loader or Scroll Top or Breadcrumb icons. All of this is done via our Despina Theme Options. The following articles listed below will cover several different sections of the general option.

1. Navigate to Theme Options > General Options
2. Pre Loader : Enable/Disable Pre Loader.
   • Pre Loader Image : Upload your custom pre loader image.
3. Page/Post Title? : Enable/Disable page/post title.
4. Breadcrumb? : Enable/Disable breadcrumb.
5. Scroll Top : Enable/Disable Scroll Top Arrow.
   • Scroll Top Image : Upload your custom scroll top image.
6. Save Changes

1. Navigate to Theme Options > Logo & Favicon
2. Logo: Upload your custom site logo.
3. Retina Logo: Upload your retina logo (optional).
4. Desktop logo (Width/Height) Option: Enter your logo width and height. Used for normal logo.
5. Standard Logo Width: Enter your standard logo width. Used for retina logo.
6. Standard Logo Height: Enter your standard logo height. Used for retina logo.
7. Favicon: Upload your custom site favicon.
8. Apple iPhone Icon : Upload your custom iPhone icon (57px by 57px).
9. Apple iPhone Retina Icon : Upload your custom iPhone retina icon (114px by 114px).
10. Apple iPad Icon : Upload your custom iPad icon (72px by 72px).
11. Apple iPad Retina Icon : Upload your custom iPad retina icon (144px by 144px).
12. Save Changes

This section contains options for header.

1. Navigate to Theme Options > Headers
2. Select header style : Select your favorite header from pre-design headers.
3. Sticky Menu : Enable/Disable sticky menu.
4. Call Us : Enable/Disable call us in header.
   • Call Us Image : Upload custom icon image of call us.
   • Phone Number : Enther the phone number.
5. Cart : Enable/Disable Cart in header.
   • Cart Image : Upload custom icon image of cart.
6. Save Changes

Customize Blog List And Detail.

Blog List Page Setting

1. Navigate to Theme Options > Blog Options
2. Blog Style : Select the blog style. Choose between 1 or 2 or 3 or 4 blog style.
3. Blog Layout : Choose the sidebar layout.
4. Choose Widget Area in Sidebar : Choose Custom Widget area to display in Sidebar.
5. Metadata Date : Enable/Disable Date of blog.
6. Metadata Author : Enable/Disable Author of blog.
7. Metadata Comment : Enable/Disable Comment of blog.
8. Blog Excerpt : Enable/Disable Excerpt of blog.
   • Blog Excerpt Word : Enther the number of words show in Blog Excerpt area.
9. Read More Text : You can set another name instead of read more link.
10. Save Changes

Blog Single Page Setting

1. Navigate to Theme Options > Blog Options
2. Blog Layout : Choose the sidebar layout.
3. Choose Widget Area in Sidebar : Choose Custom Widget area to display in Sidebar.
4. Feature Image : Enable/Disable Featured Image in blog single page.
5. Metadata Date : Enable/Disable Date of blog.
6. Metadata Author : Enable/Disable Author of blog.
7. Metadata Comment : Enable/Disable Comment of blog.
8. Social Media Share : Enable/Disable Social Media Share in blog single page.
   • Share Text : You can set another name instead of Share text.
   • Facebook Share : Enable/Disable Facebook Share in blog single page.
   • Twitter Share : Enable/Disable Twitter Share in blog single page.
   • Pinterest Share : Enable/Disable Pinterest Share in blog single page.
   • Linkedin Share : Enable/Disable Linkedin Share in blog single page.
   • Google+ Share : Enable/Disable Google+ Share in blog single page.
9. Tags : Enable/Disable Tags in blog single page.
   • Tags Text : You can set another name instead of Tags text.
10. Previous/Next Post : Enable/Disable Previous/Next Post indicator in blog single page.
11. Save Changes

Customize Woocommerce.

1. Navigate to Theme Options > WooCommerce Options
2. Shop Layout : Choose the sidebar layout.
3. Choose Widget Area in Sidebar : Choose Custom Widget area to display in Sidebar.
4. Save Changes

1. Navigate to Theme Options > Custom Code
2. CSS Code: Paste your Custom CSS code here.
3. Header JS Code: Custom JavaScript/Analytics Header.
4. Footer JS Code: Custom JavaScript/Analytics Footer.
5. Save Changes

Customize Footer

Footer Style 01:

1. Navigate to Theme Options > Footer Options
2. Top Footer : Enable/Disable Top Footer.
3. Footer Style : Choose the footer style.
4. Footer Type : Choose among these structures (1column, 2column, 3column and 4column) for your footer section.
5. Footer Background Image : Upload your custom site footer background image.
6. Bottom Footer : Enable/Disable Bottom Footer.
7. Save Changes

Footer Style 01 Output:

Footer Style 02:

1. Navigate to Theme Options > Footer Options
2. Top Footer : Enable/Disable Top Footer.
3. Footer Style : Choose the footer style.
4. Bottom Footer : Enable/Disable Bottom Footer.
5. Save Changes

Footer Style 02 Output:

1. Navigate to Theme Options > Google Map Settings
2. Google Maps SSL : Use google maps with ssl.
3. Google Maps API KEY : Enter your google maps api key.
4. Style for Google Map : Enter custom style of google map.
5. Save Changes

Customize 404 page

1. Navigate to Theme Options > 404 Page Option
2. 404 Background Image : Upload banner image for 404 page.
3. Page Title : Enther the Title of 404 page.
4. Sub Title : Enther the Sub Title of 404 page.
5. Page Content : Enther the Content of 404 page.
6. Home Button Label : Enther the Label of Back to Home Button.
7. Save Changes

You can create any number of pages with content. Despina 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.

1. Navigate to Pages in your admin sidebar and click Add New option.
2. Input a new name for your page, then find the Page Attributes box on right side.
3. Page Attributes:
   1. Set your Parent page. It’s usually set to No Parent.
   2. Set your page template from the Template dropdown list.
4. Publish page

By default, WordPress shows your most recent posts in reverse chronological order on the front page of your site. Many WordPress users want a static front page as the front page instead. This "static front page" look is common for users desiring static or welcoming information on the front page of the site.

The look and feel of the front page of the site is based upon the choices of the user combined with the features and options of Despina theme.

There are two steps critical to creating a static front page on your site with Despina.

1. Follow the steps above in the Create a New Page section to create a static page to use as Homepage
2. Once you create the static page navigate to Settings > Reading in your admin sidebar
3. Front page displays : select a static page
4. Front page : select the page you previously created
5. Post page : select a page you want to use as blog
6. Save Changes

Blogstar supports custom WordPress menus, with up to five levels of dropdown support for the main menu. There are one areas of the theme where you can assign a menu: Primary Menu

1. Navigate to Apperance > Menus page
2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu

3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu
4. Enter Navigation Label and Title Attribute.
5. You can also add menu items by entering a custom name and custom link into the Custom Links box
6. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section
7. After setting up your menu, select the menu you just created as the Main Navigation in the Theme Locations box
8. Once it's all done, make sure you click the Save Menu button

1. Title : Enther the title of the info banner.
2. Button Text : Enther the button text of info banner.
3. Link : Set the link of button.
4. Information Alignment : Select the alignment for information of info banner.
5. Save Changes

1. Banner Image : Upload the image for this banner.
2. Save Changes

1. Button Color : Set the custom color of button.
2. Button Hover Color : Set the custom hover color of button.
3. Button Border Color : Set the custom border color of button.
4. Button Hover Border Color : Set the custom border hover color of button.
5. Text Color : Set the custom text color of button.
6. Text Hover Color : Set the custom text hover color of button
7. Border Width : Set the custom border width of button.
8. Border Radius : Set the custom radius of button
9. Save Changes

Title Settings :

1. Font size : Set the custom font size of title text.
2. Line Height : Set the custom line height of title text.
3. Font Color : Set the custom font color of title text.

Button Settings :

1. Font size : Set the custom font size of button text.
2. Line Height : Set the custom line height of button text.
3. Save Changes

Output

1. Menu Style : Select the pre-design menu list style.
2. Include Types : Select the category of menu.
3. Menu Limit : Number of menu(s) to show.
4. Menu IDs : Enter menu ids comma separated. Ex 153,259,5359.
5. Offset Menus : Set the offset of menu.
6. Order By : Select how to sort retrieved menu. Default by Title
7. Order : Designates the ascending or descending order. Default by ASC.
8. Save Changes

Title Settings :

1. Font size : Set the custom font size of title text.
2. Line Height : Set the custom line height of title text.
3. Font Color : Set the custom font color of title text.
4. Background Color : Set the custom background color of title text.

Description Settings :

1. Font size : Set the custom font size of description text.
2. Line Height : Set the custom line height of description text.
3. Font Color : Set the custom font color of description text.

Price Settings :

1. Font size : Set the custom font size of price text.
2. Line Height : Set the custom line height of price text.
3. Font Color : Set the custom font color of price text.

Line Settings :

1. Font size : Set the custom font size of line text.
2. Line Height : Set the custom line height of line text.
3. Save Changes

Output



Menu Style 01



Menu Style 02



Menu Style 03



Menu Style 04

1. Button Title : Enther the title of the button.
2. Button Link : Set the link of the button.
3. Button Alignment : Set the button aligmnet like Left, Right, Center.
4. Button Size : Set the bustton size like Normal, Mini, Small, Large, Custom.
5. Extra class name : If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.
6. Rel Attribute : This is useful when you want to trigger third party features. Example- prettyPhoto, thickbox etc.
7. Save Changes

1. Button Title Color : Set the custom button title color.
2. Hover Button Title Color : Set the custom button title hover color.
3. Background Color : Set the custom background color of button.
4. Hover Background Color : Set the custom hover background color of button.
5. Button Border Style : Select the button border style like Solid, Dashed, Dotted, Double, Inset, Outset.
6. Save Changes

1. Font size : Set the custom font size of button text.
2. Line Height : Set the custom line height of button text.
3. Save Changes

Output

1. Display : Select the category of the products.
2. Order By : Select how to sort retrieved products. Default by Title
3. Order : Designates the ascending or descending order. Default by ASC.
4. Products IDs : Enter product ids comma separated. Ex 153,259,5359
5. Total Products : How much products show (-1 to show all products)
6. Save Changes

1. Arrow Navigation : Show dots navigation.
2. Dots Navigation : Show dots navigation.
3. Autoplay : Set slider autoplay.
4. Speed : Set slider speed.
5. Autotime : Set slider autotime.
6. Save Changes

Product Settings :

1. Cart Icon Color : Set the custom color of cart icon.
2. Cart Background Color : Set the custom background color of cart.
3. Title Color : Set the custom color of title.
4. Real Price Color : Set the custom color of real price.
5. Sale Price Color : Set the custom color of sale price.

Slider Settings :

1. Slider Navigation Color : Set the custom color of slider navigation.
2. Slider Navigation Hover Color : Set the custom color of hover slider navigation.
3. Save Changes

1. Cart Icon Size : Set the custom font size of cart icon.
2. Title Font Size : Set the custom font size of title.
3. Title Line Height : Set the custom line height of title.
4. Real Price Font Size : Set the custom font size of real price.
5. Real Price Line Height : Set the custom line height of real price.
6. Sale Price Font Size : Set the custom font size of sale price.
7. Sale Price Line Height : Set the custom line height of sale price.
8. Save Changes

Output

1. First Title : Add the first title of the content part.
2. Last Title : Add the last title of the content part.
3. Content : Add the content of the content part.
4. Button Title : Add the custom title of the button.
5. Button Link : Set the button link.
6. Content Box Background Image : Set the background image of the content part.
7. Gallery Images : Set the gallery images of the gallery part.
8. Save Changes

1. Arrow Navigation : Show dots navigation.
2. Dots Navigation : Show dots navigation.
3. Autoplay : Set slider autoplay.
4. Speed : Set slider speed.
5. Autotime : Set slider autotime.
6. Save Changes

Content Box Settings :

1. Background Color : Set the custom background color of the content box.

Slider Settings :

1. Slider Navigation Color : Set the custom color of slider navigation.
2. Slider Navigation Hover Color : Set the custom color of hover slider navigation.

First Title Settings :

1. First Title Color : Set the custom color of the first title.

Last Title Settings :

1. Last Title Color : Set the custom color of the last title.

Content Settings :

1. Content Color : Set the custom color of the content.

Button Settings :

1. Title Color : Set the custom color of button title.
2. Hover Title Color : Set the custom hover color of button title.
3. Background Color : Set the custom background color of button.
4. Hover Background Color : Set the custom hover background color of button.
5. Border Color : Set the custom border color of button.
6. Border Color on Hover : Set the custom border hover color of button.
7. Save Changes

First Title Settings :

1. Font size : Set the custom font size of first title.
2. Line Height : Set the custom line height of first title.

Last Title Settings :

1. Font size : Set the custom font size of last title.
2. Line Height : Set the custom line height of last title.

Content Settings :

1. Font size : Set the custom font size of content.
2. Line Height : Set the custom line height of content.

Button Settings :

1. Font size : Set the custom font size of button.
2. Line Height : Set the custom line height of button.
3. Save Changes

Output

1. Category : Select specific category, leave blank to show all categories.
2. Post Limit : Number of post(s) to show.
3. Show Date : Show the date of the post.
4. Show Author : Show the author of the post.
5. Show Comment Counter : Show the comments counter of the post.
6. Show Post Excerpt : Show the excerpt of the post.
7. Number Of Words : Show a certain number of words in each post.
8. Show "Read Bore" Link : Show the "Read more" link in the post.
9. Read More Text : Edit the text that appears on the 'Read more' button.
10. Order By : Select how to sort retrieved posts. Default by Title
11. Order : Designates the ascending or descending order. Default by ASC.
12. Save Changes

1. Blog Per View : Enther the number of blog show per view.
2. Arrow Navigation : Show dots navigation.
3. Dots Navigation : Show dots navigation.
4. Autoplay : Set slider autoplay.
5. Speed : Set slider speed.
6. Autotime : Set slider autotime.
7. Save Changes

Post Box Settings :

1. Post Box Background Color : Set the custom background color of blog box.

Date Settings :

1. Date Text Color : Set the custom color of blog date.
2. Date Box Background Color : Set the custom background color of date box.

Post Meta Fields Settings :

1. Post Meta Fields Color : Set the custom color of post meta fields.

Title Settings :

1. Title Color : Set the custom color of title.

Excerpt Settings :

1. Excerpt Color : Set the custom color of excerpt.

Read More Settings :

1. Read More Color : Set the custom color of read more text.

Slider Settings :

1. Slider Navigation Color : Set the custom color of slider navigation.
2. Slider Navigation Hover Color : Set the custom color of hover slider navigation.
3. Save Changes

Date Settings :

1. Font size : Set the custom font size of blog date.
2. Line Height : Set the custom line height of blog date.

Post Meta Fields Settings :

1. Font size : Set the custom font size of post meta fields.
2. Line Height : Set the custom line height of post meta fields.

Title Settings :

1. Font size : Set the custom font size of title.
2. Line Height : Set the custom line height of title.

Excerpt Settings :

1. Font size : Set the custom font size of excerpt.
2. Line Height : Set the custom line height of excerpt.

Read More Settings :

1. Font size : Set the custom font size of read more.
2. Line Height : Set the custom line height of read more.
3. Save Changes

Output

1. Name : Add the customer name.
2. Position : Add the customer position.
3. Customer Say : Add what customer say.
4. Image : Add customer image or his company logo.
5. Save Changes

1. Arrow Navigation : Show dots navigation.
2. Dots Navigation : Show dots navigation.
3. Autoplay : Set slider autoplay.
4. Speed : Set slider speed.
5. Autotime : Set slider autotime.
6. Save Changes

Client Name Settings :

1. Client Name Color : Set the custom color of client name.

Client Position Settings :

1. Client Position Color : Set the custom color of client position.

Testimonials Settings :

1. Testimonials Color : Set the custom color of testimonials.

Slider Settings :

1. Slider Navigation Color : Set the custom color of slider navigation.
2. Slider Navigation Hover Color : Set the custom color of hover slider navigation.
3. Save Changes

Client Name Settings :

1. Font size : Set the custom font size of client name.
2. Line Height : Set the custom line height of client name.

Client Position Settings :

1. Font size : Set the custom font size of client position.
2. Line Height : Set the custom line height of client position.

Testimonials Settings :

1. Font size : Set the custom font size of testimonials.
2. Line Height : Set the custom line height of testimonials.
3. Save Changes

Output

1. Style : Use an existing style of icon box.
2. Icon to display : Use an existing font icon or upload a custom image.
3. Icon library : Select icon library.
4. Icon : Select icon from library.
5. Size of Icon : How big would you like it?
6. Color : Give it a nice paint!
7. Title : Provide the title for this icon box.
8. Description : Provide the description for this icon box.
9. Save Changes

Title Settings :

1. Title Color : Set the custom color of title.

Content Settings :

1. Content Color : Set the custom color of content.

Border Settings :

1. Border Color : Set the custom color of border.
2. Save Changes

Title Settings :

1. Font size : Set the custom font size of title.
2. Line Height : Set the custom line height of title.

Content Settings :

1. Font size : Set the custom font size of content.
2. Line Height : Set the custom line height of content.

Border Settings :

1. Border Width : Set the custom width of border.
2. Save Changes

Output



Info Box Style 01



Info Box Style 02

1. User ID : Add the user id of instagram.
2. Access Token : Add the access token of instagram.
3. Number of photo list : Enther the how many photo you list from instagram.
4. Arrow Navigation : Show arrow navigation.
5. Dots Navigation : Show dots navigation.
6. Autoplay : Set slider autoplay.
7. Speed : Enther slider speed.
8. Autotime : Enther slider autotime.
9. Image : Custom hover image.
10. Save Changes

Output

1. Slider Images : Upload the images for this slider.
2. Save Changes

1. Image Per View : Enther the number of image show per view.
2. Image Per View Tablet : Enther the number of image show per view in tablet.
3. Image Per View Mobile : Enther the number of image show per view in mobile.
4. Arrow Navigation : Show dots navigation.
5. Dots Navigation : Show dots navigation.
6. Autoplay : Set slider autoplay.
7. Speed : Set slider speed.
8. Autotime : Set slider autotime.
9. Save Changes

1. Slider Navigation Color : Set the custom color of slider navigation.
2. Slider Navigation Hover Color : Set the custom color of hover slider navigation.
3. Save Changes

Output

1. Icon to display : Use an existing font icon or upload a custom image.
2. Icon library : Select icon library.
3. Icon : Select icon from library.
4. Size of Icon : How big would you like it?
5. Title on Front : Perhaps, this is the most highlighted text.
6. Save Changes

1. Icon to display : Use an existing font icon or upload a custom image.
2. Icon library : Select icon library.
3. Icon : Select icon from library.
4. Size of Icon : How big would you like it?
5. Title on Back : Perhaps, this is the most highlighted text.
6. Description on Back : Perhaps, this is the most highlighted text.
7. Background Image : Upload the image for this flip box.
8. Save Changes

Front Settings :

1. Title Color : Color of front side title text.
2. Icon Color : Color of front side icon.
3. Background Color : Background Color of front side.

Back Settings :

1. Title Color : Color of back side title text.
2. Icon Color : Color of back side icon.
3. Description Color : Color of back side content.
4. Save Changes

Front Settings :

1. Title Font size : Set the custom font size of title.
2. Title Line Height : Set the custom line height of title.

Back Settings :

1. Title Font size : Set the custom font size of title.
2. Title Line Height : Set the custom line height of title.
3. Description Font size : Set the custom font size of description.
4. Description Line Height : Set the custom line height of description.
5. Save Changes

Output

1. Style : Select the gallery style.
2. Show Title : Show the title of the gallery image.
3. Show Category : Show the category of the gallery image.
4. Include Types: : Set gallery category.
5. Gallery Limit : Number of gallery(s) to show.
6. Offset Gallery : Set the offset of gallery.
7. Order By : Select how to sort retrieved gallerys. Default by Title
8. Order : Designates the ascending or descending order. Default by ASC.
9. Save Changes

1. Title Color : Color of gallery title text.
2. Category Color : Color of gallery category text.
3. Hover Background Color : Background Color of galley image hover.
4. Save Changes

1. Title Font size : Set the custom font size of title.
2. Title Line Height : Set the custom line height of title.
3. Description Font size : Set the custom font size of description.
4. Description Line Height : Set the custom line height of description.
5. Save Changes

Output

1. Latitude: Enther Latitude of google map. This option is not necessary if an address is set.
2. Longitude: Enther Longitude of google map. This option is not necessary if an address is set.
3. Zoom: Enther the zoom level of map. Default map zoom level. (1-19)
4. Show Marker:: Enable/Disable an arrow pointing at the address.
5. Marker Icon: Select google map marker.
6. Popup Marker Content: Content to be shown in a popup above the marker.
7. Scrollwheel: Enable/Disable scrollwheel on google map.
8. MapType: Select the google map style. Default map type is road map.
9. Width: Enter the map width. Default map width is 100%.
10. Height: Enther the map height. Default map height is 500px.
11. Save Changes

Output

1. Toggle title : Enther the title of toggle.
2. Toggle content : Enther the content of toggle.
3. Default state : Select "Open" if you want toggle to be open by default.
4. Save Changes

1. Title Color : Color of FAQ title text.
2. Content Color : Color of FAQ content text.
3. Toggle Background Color : Background Color of Toggle area.
4. Toggle Border Color : Border Color of Toggle area.
5. Save Changes

1. Title Font size : Set the custom font size of title.
2. Title Line Height : Set the custom line height of title.
3. Content Font size : Set the custom font size of content.
4. Content Line Height : Set the custom line height of content.
5. Save Changes

Output

1. Title : Enther the Title of package.
2. Price : Enther the Price of package.
3. Period : Enther the Package period Ex. Per Week, Per Month, Per Year.
4. Package Feature : Enter the features for Package.
5. Featured Package ? : Select the Package is Featured or Recommended.
6. Button Text : Enther the text of button.Button URL
7. Button URL : Button URL (http://example.com).
8. Save Changes

Normal Package Settings :

1. Package Background Color : Color of package background.
2. Title Color : Color of package title text.
3. Price Color : Color of package price text.
4. Time Period Color : Color of package time period text.
5. Features Item Color : Color of package features item text.
6. Button Color : Color of package button text.
7. Button Background Color : Color of package button background.
8. Button Hover Background Color : Color of package button hover background.

Featured Package Settings :

1. Package Background Color : Color of featured package background.
2. Title Color : Color of featured package title text.
3. Price Color : Color of featured package price text.
4. Time Period Color : Color of featured package time period text.
5. Features Item Color : Color of featured package features item text.
6. Button Color : Color of featured package button text.
7. Button Background Color : Color of featured package button background.
8. Button Hover Background Color : Color of featured package button hover background.
9. Save Changes

Normal Package Settings :

1. Title Font size : Set the custom font size of package title.
2. Title Line Height : Set the custom line height of package title.
3. Price Font size : Set the custom font size of package price.
4. Price Line Height : Set the custom line height of package price.
5. Time Period Font size : Set the custom font size of package time period.
6. Time Period Line Height : Set the custom line height of package time period.
7. Features Font size : Set the custom font size of package features.
8. Features Line Height : Set the custom line height of package features.
9. Button Font size : Set the custom font size of package button.
10. Button Line Height : Set the custom line height of package button.

Featured Package Settings :

1. Title Font size : Set the custom font size of featured package title.
2. Title Line Height : Set the custom line height of featured package title.
3. Price Font size : Set the custom font size of featured package price.
4. Price Line Height : Set the custom line height of featured package price.
5. Time Period Font size : Set the custom font size of featured package time period.
6. Time Period Line Height : Set the custom line height of featured package time period.
7. Features Font size : Set the custom font size of featured package features.
8. Features Line Height : Set the custom line height of featured package features.
9. Button Font size : Set the custom font size of featured package button.
10. Button Line Height : Set the custom line height of featured package button.
11. Save Changes

Output

You can add Menu in your site then see below step how to add Menu in Despina.

1. Navigate to Menu > Add New

2. To add a title of Menu.
3. Select Category of Menu.
4. Select the feature image of Menu.
5. Once it's all done, make sure you click the Publish button

Menu Detail

1. Menu Price : Enther the menu price Eg: $11.00.

Menu Category

1. To add a title of Menu Category.
2. Select parent category of Menu Category.
3. To add a Description of Menu Category.
4. Once it's all done, make sure you click the Add Category button

You can add Gallery in your site then see below step how to add Gallery in Despina.

1. Navigate to Gallery > Add New

2. To add a title of Gallery.
3. Select the feature image of Gallery.
4. Enter the content of Gallery and used Despina visual composer for your project detail more intrective.
5. Once it's all done, make sure you click the Publish button

Gallery Category

1. To add a title of Gallery Category.
2. Select parent category of Gallery Category.
3. To add a Description of Gallery Category.
4. Once it's all done, make sure you click the Add Category button

Page, Blog Or Post Sidebar

• Default Sidebar : For Page, Blog and Post Archives
• Right Sidebar : For Page, Blog and Post Archives
• Left Sidebar : For Page, Blog and Post Archives
• Extra Sidebar : For Page, Blog and Post Archives

Footer Style 01 Sidebar

• Footer Style 01 Section 1 : For Footer column 1
• Footer Style 01 Section 2 : For Footer column 2
• Footer Style 01 Section 3 : For Footer column 3
• Footer Style 01 Section 4 : For Footer column 4
• Bottom Footer Section : For footer bottom section

Footer Style 02 Sidebar

• Footer Style 02 Section : For Footer style 02 section

Footer Bottom Sidebar

• Footer Bottom Section : For Footer bottom section

WooCommerce Sidebar

• WooCommerce Header Cart Widget : Show the mini cart in header part.
• WooCommerce Sidebar : For WooCommerce Pages

WordPress Widgets add content and features to your Sidebars and Footer. Examples are the default widgets that come with WordPress; for example post categories, tag clouds, navigation, search, etc. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel.

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

1. Go to Appearance > Widgets.
2. Choose a Widget and drag it to the sidebar where you wish it to appear. The widget areas designated
3. Once you dropped the widget to widget areas, WordPress automatically updates the Theme and it will appear in its area.
4. Preview the site. and look for the specified area you dropped your sidebar. for example if you used "archive widget area" you should look for it in archive loop.
5. Return to the Widgets Panel to continue adding Widgets.
6. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
7. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
8. To save the Widget's customization, click Save.
9. To remove the Widget, click Remove or Delete.

01. Despina: Best Deal

Show the best deal of the menu into sidebar.

02. Despina: Custom Menu

Show the modern style despina menu into sidebar.

03. Despina: Recent Posts

Show the recent posts of blog into sidebar.

There are two ways to customize the theme without changing it's core files. First one is use the Custom Code section, second one is to install the Child Theme

To style the theme with custom CSS or JS code, navigate to Theme Options > Custom Code. Add your custom code in the code box.

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

We can professionally customize your existing WordPress theme based on Ascned to fit all your needs. For this kind of service you can contact us here: https://sk-web-solutions.com/contact-us/ selecting "I Need Theme Customisation". Our team will be in touch with you to take care about everything of your project.

1. Download and install Autoptimize Plugin
   • A) Please go to settings > autoptimize
   • B) Make sure only "CSS Options" is checked.


2. Download and install Optimus Plugin
   • A) Go to Tools > Optimize all images and click on optimize all images button


3. Download and install W3 Total Cache
   • A) Go to performance > general settings