version 1.0
Welcome to the complete how-to guide with helpful information and tutorials about the Moppers - Cleaning Company and Service Wordpress Theme installation, capabilities, features, and options.
PHP Memory Limits is an important factor to perform tasks like Uploading Theme, Importing demo content, and writing blog posts etc. Make sure your server has an optimal environment for using Moppers theme smoothly.
Every server and hosting provider has different methods to configure PHP limits. If you are a beginner, please contact your hosting provider and ask them to you configuring your php.ini file.
You could be doing everything right, but sometimes WordPress still displays errors. Not to worry, though. It may not be your fault and there’s an easy fix. By default, WordPress has a modest limit for uploading images, videos, and other files. It’s a similar story for your PHP memory limit, which helps you run plugins and scripts. If you run a robust site full of rich content, this could be a big problem for you when those limits are reached. You may receive an upload error that looks like this: The uploaded file exceeds the upload_max_filesize directive in php.ini.
Update following options in your php.ini file max_execution_time 200 max_input_time 200 max_input_var 1000 memory_limit 128M post_max_size 128M upload_max_filesize 128M
With your purchase of this theme, the first step is to download the package from ThemeForest. Move your mouse over your ThemeForest Login name in the right top corner and click Download. You will see the number of items purchased, along with the package’s content, as shown in the following diagrams.
Next, click Download > Main File(s) next to Moppers and save the package on your computer.
The download includes documentation, license, zipped file with theme files Unpack the entire package after downloading.
Before you can complete the installation, make certain you have unpacked the entire package. This is very important! You can complete the installation in either of two ways:.
In order to get Moppers properly work you need to install some useful plugins. All this plugins are included in Moppers, you don’t need to purchase them extra!
After the theme is installed successfully you will get following message about installation of required and recommended plugins:
In order to use Moppers in its full, please note, that following plugins SHOULD BE installed during the theme installation (see installation instructions above).
SlashCreative Core native essential set of all Moppers features, functions, shortcodes.
WPBAKERY PAGE BUILDER is leading visual drg’n’drop page builder for WordPress.
Advanced Custom Fields Pro is a WordPress plugin which allows you to add extra content fields to your WordPress edit screens.
In addition, you can take an advantage of enriching your Moppers experience with following recommended plugins:
If you use the 1 Click Demo Install option, you don`t need to use .xml files. .Simply go to Sc Option > Demo Imoter choose what you want to install. You can select whole content, one of homepages, content, options or widgets.
Blog page creation is an easy process and there are multiple ways to display the blog posts on your website.
Options related to the blog layout and other settings can found in the Blog Settings Tab under the Theme Options.
If you want to display the blog posts on a page along with the other content, then you can use the Blog Grid element from Visual Composer Elements. Just put the element where ever you want, adjust the options according to your needs and click Publish.
Moppers allows you build ultra-modern blog layouts best for companies, organizations and product websites. You can even customize post pages according to your requirements.
Use WordPress Visual Editor to write your blog posts by simply adding text and images.
The WordPress post categories are used to organize your blog posts in a structured manner. These categories can be easily assigned to the blog posts from the Categories Meta Box in the right sidebar.
You can also add specific Tags separated with commas in the Tags Meta Box under the categories.
Featured Image is the main image used on blog card on the blog page and a hero image on the blog post page. For adding a featured image, simply go to the Featured Image Meta Box in the right sidebar and choose an image from the Library or upload a new image.
Navigate to Advanced Page and Post Options > Post Settings > Blog Post Page for the advanced settings related to the layout.
You can add custom widgets for all the blog post pages. Go to Appearance > Widgets > Blog Page Widget Area and drop the widgets you want to display on all the post pages with sidebar enabled.
Navigate to Advanced Page and Post Options > Post Settings > Blog Card Layout to change the size of blog card for customizing the grid on blog page. Simply select the custom size of card as shown in image below.
Note: The Type 1 here is the Vertical Cards type and Type 2 is the Horizontal Cards type. If you've selected the Vertical Cards in the Theme Options, then change for Type 1 here and Type 2 for the Horizontal Cards.
For Video post format, you can embed any YouTube, Vimeo and Self-Hosted video in popup above the featured image. After changing the post format to Video, you will find a new tab under Advanced Page and Post Options. Just paste the URL of video you want to embed.
For Link post format, you can add any external link to your post. After changing the post format to Link, you will find a new tab named Add a URL under Advanced Page and Post Options. Just paste the URL you want to attach.
The smartly designed header navigation types allow you to build the headers with unlimited possibilities and advanced options at every aspect like colors, typography, and spacing.
Navigate to Theme Options > Header Navigation > Navigation Layout for selecting the layout for your header navigation.
If the Social Icons list is not visible, then navigate to the Social Media tab in the Theme Options and enable the social media icons by entering the URLs.
You can add three different menus to all the header navigation layouts for different purposes and use.
You will need to create different menus for displaying at the different location. After creating the menus, manage the locations as shown below.
Creating all the three menus is not required. It depends on your requirements that how many menus you need to create.
You can make awesome Mega Drop-down without using any third party plugin or extension. Building a Mega Drop-down is a little tricky process so watch all the steps carefully.
Enabling the CSS Classes will allow you to add custom classes to the specific menu items.
The parent item will contain all the other items to be displayed in the mega drop-down as child-items or sub-items.
** Write the classes as described below "mega__dropdown col__2" // for 2 columns layout "mega__dropdown col__3" // for 3 columns layout "mega__dropdown col__4" // for 4 columns layout ** Do not copy the quotation marks ( "" )
You need to add different items on the second level for each column to divide the layout into separate columns. For example - We are creating a four columns layout so we will add four items to the second level of the menu as shown in the image below.
** You can also add following classes here "make__title" // for different appearance and customizable text "hide__label" // for hiding the text ** Do not copy the quotation marks ( "" )
Once you have finished creating separate columns, you can add the further menu items inside each column. You can add unlimited items to each column of your menu. All the items pointed with blue dots are the final level menu items in the image below.
Here is the real example of finalized mega drop-down menu. You can customize all the colors of your menu in the Theme Options > Header Navigation > Colors.
Full control over the header styling even on mobile screen resolutions as well as larger screens. Multiple logos, colors and many more in the section to help you shaping any type of modern layout.
Navigate to Theme Options > Header Navigation > Logo & General Styling for the options like logos, height, colors, content scheme and many more.
Moppers allows you to build two types of beautifully designed and highly customized Mobile Menus having tons of options to play with.
Navigate to Theme Options > Header Navigation > Mobile Navigation and choose the Mobile Navigation Style Simple.
Navigate to Theme Options > Header Navigation > Mobile Navigation and choose the Mobile Navigation Style Modern.
You can easily change the colors and typography of all the elements and text in your header navigation to customize according to your requirements.
Navigate to the Theme Options > Header Navigation > Colors to change the colors related to all header navigation elements.
Navigate to the Theme Options > Header Navigation > Navigation Typography and find all the options related to the typography of header elements.
You will find a tab named Header Navigation in the Advanced Page and Post Options on every page. In this tab, you can adjust all the major options to customize the header for the specific pages.
Navigate to Advanced Page and Post Options > Header Navigation and change the options you need to change..
There is a lot of cool stuff to do with footer also. The smartly designed layouts help you creating awesome looking footers easily.
Navigate to Theme Options > Footer Settings > Footer General Settings and put the general information to display in your site footer.
Flexible footer layouts with tons of possibilities to achieve your desired footer layout. Simply navigate to the Layout Settings section.
Go to the Theme Options > Footer Settings > Layout Settings and choose a layout you want to use. Further options may change according to the layout you have selected.
The widgets are containing several content types which can be used in the different areas of the footer. Just navigate to the widgets page and drop the widgets in the different footer widget areas.
Now you will see a page containing the different type of widgets and widget areas. In the previous article, we have created different columns in the footer. Each column is a widget area for the footer as shown in the image below.
If you are using a footer layout that does not support multiple widget areas or columns, then you can add the widgets to the Footer Widget 1 (A).
You can also change the typography options like Text Color, Font Size, Font Weight and Font Family etc. for the different footer sections and widgets.
Navigate to the Theme Options > Footer Settings > Typography Settings to change the typography of the footer. Here is the complete list of options where you can apply the custom typography.
1. Widget Text Typography
2. Description Typography
3. Copyright Text Typography
4. Widget Title Typography
5. Widget Menus & Links Typography
You can even customize the shop archive header with custom image, colors and typography settings to get a desired header.
Navigate to Theme Options > WooCommerce > Shop Archive Header to build a custom page header for the archive page.
Easy and minimal options to help you create a powerful online store with ease. You can change the entire look of your shop by just changing the few options.
Navigate to the Theme Options > WooCommerce > General Settings and use the following options to build your WooCommerce store.
docs.woocommerce.com
Moppers provides you ultimate page building experience powered by WPBakery Page Builder and custom elements with high customization and endless possibilities.
First, make sure that you have installed and activated the WPBakery Page Builder ( Visual Composer ).
The page builder offers you tons of different elements which helps you to create advanced page layouts.
Moppers offers you highly customized visual composer elements designed and crafted with latest design trends.
Sets the style of all form elements used
For all those who prefer translation using files included in the theme we recommend using the .mo/.po files. Those files work in pairs, so for each language you need to have 2 files with the same name but a different extension. For example, if you want to translate into German language, your files would be de_DE.mo and de_DE.po
To edit these files you need to use Poedit an easy to use software application. Simply upload the files into Poedit, edit them and upload them into the"languages" folder included in the theme..
Moppers allows you to keep in your own style by allowing custom fonts to be imported, you can import them by going through these instructions:
The General Data Protection Regulation (GDPR) is Europe’s new framework for data protection laws, replacing the 1995 data protection directive. EU legislation says that is designed to harmonise data privacy laws across Europe and that its main purpose is to give greater protection and rights to individuals. After publication of GDPR in May 2016, it will come into force on May 25, 2018