Cocktail Plus

Cocktail Plus

Theme Documentation

Please Rate Us For Cocktail Theme

Thank you very much for choosing our Theme.
If you like this Theme, Please (Rate Us)


Cocktail Demo Setup


Installation


Step 1 WordPress installation

To install this theme, you must have a working version of WordPress already installed on your server. WordPress is well-known for its ease of installation.
http://codex.wordpress.org/Installing.WordPress. Please visit this link for installing WordPress.

Step 2 Installation Through Dashboard (Easy)

  1. Log in to the WordPress Dashboard.
  2. Go to Appearance->Themes.
  3. Click on Add New Button.
  4. Search Cocktail
  5. Click on Install tab and Activate it
  6. Now your Cocktail theme is ready to Use

Step 3 Manual Installation using FTP (Advanced)

Header Setup

Step 1 Upload Logo/ Fav Icon/ Web Icon

Go to Dashboard > Appearance > Customize > Cocktail WordPress Settings > Site Title & Logo Options > Upload Site Icon & Site Logo

Step 2 Setup Menu

  1. Go To Apperance > Menu
  2. Create a new menu by clicking on create a new menu
  3. Add your menu items as pages/ Category/ Custom Url in left side menu
  4. Choose “Main Menu” from below Checkbox

Step 3 Setup Social Icons

  1. Go To Apperance > Menu
  2. Create a new menu by clicking on create a new menu
  3. Add your menu items as Custom Url in left side menu
  4. Choose “Add Social Icons Only” from below Checkbox

Step 4 Setup Top Information at Header or Footer Widgets

Go to Dashboard > Appearance > Widgets > Drag Text Widget/ Custom HTML at Top Header Info/ Footer Column 4 Sidebar

Top Header Info

paste Below html Code and change according to your needs

<ul>
				<li><a title="Call Us" href="tel:+1234567890"><i class="fa fa-phone-square"></i> (123) 456-7890</a></li>
				<li><a title="Mail Us" href="mailto:daniel@themefreesia.com"><i class="fa fa-envelope-o"></i> daniel@themefreesia.com</a></li>
				</ul>
				

Setup Frontpage as in Demo

Setup Front Page Features

  1. Create category from Dashboard > Posts > category.
  2. Create Posts under this category with title, image and featured image.
  3. Repeat this process for other posts too.

After creating Category, Posts with featured image Go to Dashboard > Appearance > Customize > Frontpage Features > Frontpage Features > Select Category just now you have created

Frontpage Features

Setup Front Page Frontpage Footer Posts

  1. Create category from Dashboard > Posts > category.
  2. Create Posts under this category with title, image and featured image.
  3. Repeat this process for other posts too.

After creating Category, Posts with featured image Go to Dashboard > Appearance > Customize > Frontpage Features > Frontpage Footer Posts > Select Category just now you have created

Frontpage Footer Posts

Custom CSS

You can add your custom CSS that will overwrite the theme CSS. Go to dashboard >appearance > Customize > Additional CSS

Layout Options


  1. Go to Dashboard > Appearance > Customize > Cocktail Theme Options > Layout Options
  2. Widget Top Bar (Plus)
  3. Sidebar Layout Options (Plus)
  4. Featured Image Display in Blog (Plus)
  5. Select responsive layout on/off
  6. Disable Entry meta from Blog Page
  7. Disable Entry meta from Single Page
  8. Blog Content Display () Excerpt/ Full Content)
  9. Design layout (Boxed/Small/Fullwidth Layout)

Cocktail Options


  1. Go to Dashboard > Appearance > Customize > Cocktail Theme Options > Cocktail Options
  2. Check to disable Search Form
  3. Check to disable Side Menu
  4. Check to disable Stick Menu
  5. Check to disable Goto Top
  6. Check to disable Instagram
  7. Check to disable Header Social Icons
  8. Check to disable Side Menu Social Icons
  9. Check to disable Bottom Social Icons
  10. Check to disable Page/Single Featured Image
  11. Check to disable Main Menu
  12. Click on Save & Publish

Set Contact page


  1. Go to Dashboard > pages > Add New
  2. Add all your google iframe code in your editor
  3. Select Contact Template from rightside of the page
  4. Click on Update/Publish

To add Contact Information Shortcode to display Contact Form 7
Go to Dashboard > Appearance > Widgets > Drag Text Widget to > Shortcode for Contact page sidebar & Add iframe code

To add Contact Information at sidebar
Go to Dashboard > Appearance > Widgets > Drag to Contact page sidebar & fill the contact information

Recommended Plugins


  1. Jetpack for Gallery & many more
  2. Regenerate Thumbnails for Regenerating Thumbnails
  3. Contact Form 7 for Contact Us page
  4. bbPress for Support Forum
  5. Breadcrumb NavXT
  6. wooCommerce for your Shopping Site