CoffeeShop theme is the Child theme of Steed. So you need to install Steed theme and This theme. Please follow the steps below.
- Download the Steed Framework theme from here https://tallythemes.com/steed/
- Download the CoffeeShop theme from Here
- If you are a PRO Version User, Download the CoffeeShop PRO theme from My account
- Install the Steed Framework theme first, do not active it
- After installing Steed. Now install the CoffeeShop Theme
- Now active the Plumber Theme
Please watch the video below to see how to install a WordPress theme from WordPress admin panel.
After successfully install theme Theme you need to install and active all recommended plugins to make the theme work nicely.
We have added TGM plugin activation with the theme. So you can install all recommended plugins automatically from your WordPress admin panel with a few clicks. This process is fast, easy and pain less.
After theme activation you will see a notice for recommended plugin installation. To install the plugins please click Begin installing plugins link in the notice or Clink on Begin installing plugins under Appearance -> Install Plugins of the navigation.
We have created a video with the full process of the plugin installation. Please watch the video below.
We have included sample data with this theme. The process of importing is very simple. Before importing sample data it is require that you installed and activated all Recommended Plugins.
NOTE: Sample Data importing is Recommended for new/fresh WordPress installation. Please DO NOT IMPORT SAMPLE DATA TO A LIVE SITE.
To import sample data you need to go Appearance -> Sample Data of the navigation and you will see the importer page. Now click the button “Import Sample Data”
To add your own Logo you need to go Appearance-> Customize -> Site Identity. Please watch the video below.
To add your own favicon icon you need to go Appearance-> Customize -> Site Identity. Please watch the video below.
We have used Elementor Page builder to build pages. Elementor is very easy to use and you can edit your page visually. Please see the following help video to understand how to use this page builder.
To change the Map, please go Appearance -> Theme Options -> Home Map. You can also enable or disable the Map. Also, you can control the all available settings of Map from here.
This theme is Google font supported. So you can use Google font for your site. You can add 3 Google font for: Headings, Main menu and Body Text. Also you can change the font size too. To access font options, please go Appearance-> Customize -> Font & Typography. Please watch the video below to get an idea how it work.
This theme has some custom page template.
- Left Sidebar: This template show left sidebar on the page
- Right Sidebar: This template show right sidebar on the page
- No Sidebar: This template don't show any left or right sidebar on the page
Create a new page call Home and a page for Blog. Now go to Settings -> Reading and change the setting of Front page displays to "A Static Page" select Front Page as Home and Post page as Blog
You may need to change the background, color mood and paddings of main content area. So we have added another set of options for this. To access the main content area setting please go Appearance-> Customize -> Content area Style & BG. Please watch the video below to get an idea how it work.
We have included an easy to use color option with the theme. You can access all color option by going Appearance-> Customize -> All Colors. Here you will see 8 color pickers to customize all color of the theme. The two main Colors are Primary color and Accent color. There is additional two color version for primary color. Please watch the video below to get an idea how it work.
Do not change any file on the main framework theme (Steed) or this theme. If you do customization in Steed or in this theme all customization will lost during update.
Most theme Customization are CSS customization and add some PHP code into functions.php, Below we are going to explain how you can customize the theme without editing the theme files.
Where I will write custom CSS code?
So our suggestion is do all CSS customization on the Theme Customize or a plugin. If you are using WordPress 4.7 you have a new option in the theme customize to add custom CSS. In this way your custom CSS code will not loss.
I need some PHP work, Where I will write that?
We have build a plugin call "Steed Customization" You can download the plugin from here Download Steed Customizar. Now install the plugin as normal installation. In the plugins there are total 4 files:
- steed-customizar.php Don't do any changes on this file.
- functions.php Write any php code here and It will work like theme's functions.php file
- style.css Write any CSS code and it will work like child theme style.css file
Please note: It’s recommended that you make a backup of the theme prior to updating BackupBuddy is recommended to backup and restore your whole site.
From your WordPress dashboard, navigate to Themes. Activate a different theme, choose delete files for your theme, then upload the new theme and activate.
It seems scary but you really won’t lose any of your data. The only exception is if you have made edits to theme files like header.php, footer.php etc. These changes will need to make again to the new files. But all of your content and theme settings are preserved.
Alternatively, you may want to use a plugin to automate backing up your current theme and uploading the new version: http://wordpress.org/extend/plugins/easy-theme-and-plugin-upgrades/
Where do I download the update?
You can find the latest zip file for your purchased themes under My Account in the main menu. If your past purchases are not listed, let us know.
If you already using the FREE version of the theme you can Be Upgrading it to PRO version. This process is very simple. All you need to download the PRO version of the theme from Member Area
Please follow the steps below to upgrade from FREE to PRO
- 0. Install Theme
- 1. Install Reccomandate Plugins
- 2. Import Sample Data
- 3. Add Logo
- 4. Add Favicon Icon
- 5. Header Settings
- 6. Footer Settings
- 7. Home Page Customization
- 8. Remove Footer Credit
- 9. Font & Typography
- 10. Page Templates
- 11. Set Home & Blog Page
- 12. Content area Style & BG
- 13. Change Theme Colors
- 14. Custom CSS
- 15. Customize The Theme
- 16. How to Update Theme
- 17. Upgrading from Free version to PRO version
- 18. Get Support
- 19. Can I hire you to customize the theme for me?