litl-pal.zipfile on your computer and press 'Install Now',
litl-pal' folder into '
themes' folder in your WordPress installation (
You have to install and activate required plugins (Redux, Elementor and Litl' Pal Addons). You can do this by visiting Appearance » Install Plugins inside wp dashboard.
The following message may be visible after theme activation:
Go to Appearance » Install Plugins and install and activate following plugins:
1. After theme activation go to Appearance > Install Plugins, and install and activate Redux Framework plugin!
2. Then go to Litl' Pal - admin panel
and hit "Save Changes" button to set default style settings:
You can change styling options later.
2. Following (or similar) message may be visible after theme activation:
Click on 'Begin activating plugins' link and install and activate 'Redux Framework' (if not installed yet), Elementor and 'Litl' Pal Addons' plugins. Or you can do this by visiting Appearance » Install Plugin
4. IMPORTANT! It is possible that after theme activation are images wrongly cropped and look ugly! In this case use following plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/ to regenerate old thumbnails (from previous theme).
After plugin installation, start regeneration in Tools > Regen. Thumbnails. This process can take a while and you cannot close tab/window until regeneration is done.
I recommend creating few classic blog posts,'Slider posts', and 'Pet Listings' posts before you start creating templates in Elementor. Set 'featured images' for all your posts.
Theme comes with extensive options panel with functions divided to these sections:
Litl' Pal theme (+ installed Litl' Pal Addons plugin) comes with 'Slider' custom posts. Purpose is to create simple image slider:
You can access and create Slider posts in main dashboard menu:
One 'Slider post' represents one slide in the slider.
Slider posts are similar / work similar to the classic posts. You can add slide content (headings, image, texts, button shortcodes etc.), set 'featured image' and sort/list these posts into own categories.
Display of the slider is very simple: in Elementor page builder add 'Themnific: Main Slider' widget in the 'full-width column'.
Litl' Pal theme (+ installed Litl' Pal Addons plugin) comes with 'Pet Listings' custom post.
You can access and create Pet Listings posts in main dashboard menu:
Pet Listings posts work similar to the classic posts. You can add project content (headings, image, texts, button shortcodes etc.), set 'featured image' and sort/list these posts into own categories.
You can add some additional infromation about the project/work in the 'Project Options' tab below the post content on add/edit post screen:
Use Font Awesome full icon code, h6 tags and paragraph text in these fields; e.g.
<i class="fas fa-heartbeat"></i>
<p>Vaccinations up to date, spayed/neutered.</p>
Display of the projects is very simple:
a) in Elementor use 'Themnific: Pets' widget in the 'boxed' one-column section.
b) create a dedicated 'Adopt a Pet' page and select 'Pet Listings' custom template in the Page Attributes section:
The theme comes with few custom widgets (marked as Themnific).
Go to Appearance > Widgets and setup your sidebar and footer widget areas. Widgets are very easy to setup.
Following widgets are used in theme demo (we are using 'Classic Widgets' plugin to achieve this look: https://wordpress.org/plugins/classic-widgets/):
In theme demo may be used custom widgets which come with 3dr party plugins (Top 10, Donations, Newsletter etc.).
Please see 'Plugins' chapter for more info about these plugins.
IMPORTANT! It is possible that after theme activation are images wrongly cropped and look ugly!
In this case use this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/ to regenerate old thumbnails from previous theme.
After plugin installation start regeneration in Tools > Regen. Thumbnails This process can take a while and you cannot close tab/window until regeneration is done.
Images and thumbnails are generated automatically.
To display thumbnails correctly upload images via WP interface using "Set featured image" button.
After image upload set featured image.
! Create own custom menus first! Please see following tutorial !
1. Toggle 'Screen Options' on the top of the menu screen:
2. Enable 'CSS Classes' and 'Desription' option:
3. Toggle any menu item and type special word into 'CSS Classes' field
Toggle any menu item and type some text word into 'Description' field (see previous steps if the field is not visible/enabled):
1. Before (or after) menu label add this piece of code
<i class="fas XXX"></i>
Enter full icon code - 'fa' class is required.
2. For XXX you can set any icon name. You can find all icon names on Font Awesome homepage.
3. You can see how-to video here. It is not tutorial for my theme but the process is the same.
Elementor plugin will help you create awesome layouts for your pages.
Go to Appearance » Install Plugins inside wp dashboard and install and activate Elementor plugin.
Basic setup of this plugin is very easy; go to Elementor > Settings and disable default color and fonts:
Save changes and that's it. You can edit any page in the page builder now.
Plugin page: Plugin Homepage
Into search field (in Plugins > Add New) insert 'Events Manager' and Install this plugin.
Events manager plugin is very complex and I recommend to check plugin documetation carefully! Please go through 'Getting Started Guide' to learn how to work with the plugin.
Theme related plugin settings:
a) In Events > Setting > Pages select 'Posts' template for Event and Location pages
b) In Events > Setting > Pages in 'Event List/Archives' section select on which page will used as an events page:
c) In Events > Setting > Formating enable Super Advanced Mode:
and after that paste the following code into 'Default event list format header' field:
<table class="events-table" >
and this code into 'Default event list format' field:
<p class="evnt_date"><span class="ribbon">#_EVENTDATES</span><span>#_EVENTTIMES</span></p>
</div> <div class="evnt_button"><a class="mainbutton inv" href="#_EVENTURL">Details</a></div> </td> </tr>
close the table markup in the 'Default event list format footer'
d) In Events > Setting > Formating > Single Event Page paste following code into 'Single event page format' field:
<div class="event_header p-border">
<i class="far fa-clock"></i>
<em>Event Date:</em><br/><strong>#_EVENTDATES</strong> at <strong>#_EVENTTIMES</strong></p>
<i class="fas fa-map-marker-alt"></i>
<strong>#_LOCATIONNAME,</strong> <br/>#_LOCATIONADDRESS, <br/>#_LOCATIONTOWN
<br style="clear:both" />
For the date use M d as format.
Give plugin will help you create fundraising campaigns.
Into search field (in Plugins > Add New) paste GiveWP and Install this plugin. After installation/activation setp plugin in Donations > Settings:
Create a donation form in Donations > All Forms > Add New (in the demo is used 'Legacy Form' design):
The form can be displayed in the Elementor using GiveWP - Donation form widget:
All donation forms can be displayed on one page: Create page, name it e.g. 'Donations' (or 'Causes' or 'Get Involved') and select 'Donations' template for this page:
You can easily create newsletter subscribe form with 'MailChimp for WordPress' Plugin: Plugin Homepage
Into search field (in Plugins > Add New) paste
MailChimp for WordPress and Install this plugin
Plugin can be set in MailChimp for WP section:
In demo is used subscribe form with following markup: https://pastebin.com/ZuSXBygD
Theme is compatible with Recent Tweets Widget plugin. Plugin is used in demo site.
In search field (Plugins > Add New) insert 'Recent Tweets Widget' and Install plugin.
Plugin widget can be set in Appearance > Widegts:
Note!: You need to get "consumer and secret" codes for Recent Tweets Widget:
Plugin page: Plugin Homepage
Into search field (in Plugins > Add New) insert 'AddToAny Share Buttons' and Install this plugin.
Plugin can be set in Settings > AddToAny:
Theme is compatible with Simple Share Buttons Adder too.
Plugin page: Plugin Homepage
Into search field (in Plugins > Add New) insert 'Contact Form 7' and Install this plugin
You can create own contact form(s) in main wp menu > Contact.
You can display created 'contact form' on any page using shortcode.
On demo page is used contact form with following markup: https://pastebin.com/a0Hcywkd
Please read plugin documentation for more info about this very flexible plugin.
Make sure that Litl' Pal theme, Elementor and Litl' Pal Addons plugins are installed and activated before demo import.
If you want to import whole content (forms,events,contacts) activate all required and recommended plugins.
Install and activate 'One Click Demo Import' plugin.
After that import full demo content easily in Appearance > Import Demo Data.
Just hit 'Import' button and wait until import is done (it can take few moments).
If you don't want to import whole demo content you can import just elementor templates (e.g. layout of the homepage) using .json file.
.json files are located in main theme package, in 'Spec' folder.
1) Extract .json files to you computer.
2) Import template in Templates - > click on Import Templates:
3) Find .json file on your computer and import Elementor template.
4) After that, the template will be available in the 'My Templates' section. You can insert the template when you are editing a page in the Elementor.
5) When you are inserting template hit 'No' option in the "Import Document Settings" modal window:
Due licenses all imported images are for testing purposes only and cannot be used on your live website!!!
You can download free photos for your commercial & personal works on sites like:
This theme is translation/localization ready and comes with
litl-pal.pot file. File is located in
litl-pal.potfile (line by line),
The filename of your .po / .mo file is crucial! Gettext uses the ISO 639 standard for language abbreviations and ISO 3166 for locales. If your translation is written in Deutsch for example, your file name will look like de_DE.po. Capitalization is also important here. For a full list of language and country codes, check out these two links:
Once you save, POEdit by default automatically creates a .mo file alongside your .po file. Put these files into 'lang' folder.
Your internationalization is complete!
Once again, thank you so much for purchasing this theme.