Taqwa - Islamic Center

Taqwa Islamic Center WordPress/ version 1.0


Introduction


First of all, Thank you so much for purchasing this theme and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of installation and customization. Please go through the documentation carefully to understand how this theme is made and how to edit this properly. I have given details on how to setup theme options and visual composer elements. In Case, You still have any issues you can contact us anytime at [email protected]m

Getting Started! #back to top

Before starting WordPress & Theme installation, please make sure you have downloaded full package from themeforest and unzipped the packaged. Your package will have documentation, paid plugins, theme zip file and sample content directory.

Install WordPress #back to top

Here is video on how to install WordPress Theme.
Please read more about WordPress here. WordPress Installation via FTP.


Upload via WordPress Admin

WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less than five minutes to complete. 5 Steps To Install WordPress

If your hosting provider supplies the cPanel hosting control panel, you may follow these simple instructions to create your WordPress username and database. A more complete set of instructions for using cPanel to create the database and user can be found in Using cPanel.

Get a Installation Service Ask a Question

Note:

Please make sure you have memory upload limit size is set more than 32MB on the server. If you need help in installation of WordPress and Theme, You can let our support team know they will install it for you or guide you!

How to Install Theme #back to top

Upload via WordPress Admin

Upload via WordPress Admin >> I assume you already have a fresh copy of WordPress installed on your server. You can now install the Taqwa Theme in two different ways. Admin Panel or FTP.

When you are logged in your WordPress Goto Appearance > Themes > Install Themes > Upload and select the theme zip file taqwa.zip, You can find this inside the Taqwa Package that you downloaded from Themeforest.

Get a Installation Service Ask a Question

Upload via FTP Server

Unzip the contents of the Taqwa.zip file and upload the folder named taqwa to your server to wp-content/themes/ folder using FTP client (FileZilla or WINSCP).

Get a Installation Service Ask a Question

Install WordPress Via FTP

Import Demo Content

Please make sure that you have installed all the recommended pluigns first.

Necessary Plugins #back to top

Elementor #1

We built this theme with No. 1 page builder currently in the world, Elementor. its very easy to use and fast. You can quickly create all the templates from ground up.

Slider Revolution #2

If you want to create the awesome slider for you website then Revolution slider is here for you. We have also provided copy of revolution slider (free) with the theme, also sample of demo added inside the sample directory for your quick start.

Event Manager Plugin

Event Manager #3

We are using Event Manager plugin for publishing, managing, and counter events. We have added that plugin as optional in the theme, you can use this to create your desired events and display theme accordingly in the webpage.

Charitable #4

Charitable is the donation plugin that gives you everything you need to start accepting donations today, for free. Designed to integrate seamlessly with WordPress, Charitable allows non-profits and developers to create powerful fundraising platforms on their own website.

Contact Form 7 #5

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

MailPoet 3 #6

With MailPoet, your website visitors can sign up as newsletter subscribers and build your mailing list, all without leaving your WordPress admin.

We have also added Charitable Plugin for donations and campaigns management. You can get donations, publish and display your campaigns on the website. Paypal and offline donations are part of the free plugin, for more gateways you can purchase your own license for this plugin.

You can also manage your newsletters using latest mailPoet plugin 3. Contact Form 7 used for contact forms.

Elemetor Wigets

Add Pillars Elementor Widget

Add Islamic Scholars Elementor Widget

WPBakery Visual Builder is Compatible with this theme but NOT included (You can purchase your own and use it smoothly with it)

Creating Blog Pages #back to top


Follow these steps to place an element on page.

  • Step 1 - Log in to your WordPress Installation
  • Step 2 - Navigate to Pages > Add New
  • Step 3 - Click on + sign of Visual Composer to select the element of Blog List or Blog Grid
  • Step 4 (optional) - Click Nauthemes tab on the top in the dialog box appeared.
  • Step 5- Click To Blog Grid or Blog List elements and modify settings as you like

  • How to Place Revolution Slider #back to top

    We have provided revolution slider with the theme package, you can install that plugin. Sample slider provided in the package you downloaded from themeforest. You can import that slider in revolution slider. For displaying that added slider on the page use Visual Composer's revolution slider in the page and select the slider you just added. Here's screenshot how to add slider.

    Note: We will send an update of the theme, if any major update of the paid plugins launched by their developers.

    Installation Slider

    • Step 1 - Install revolution slider, given in the package or from the dashboard.
    • Step 2 - Activate The Plugin From Plugins Page
    • Step 3 - Goto Dashboard > Slider Revolution For slider import.
    • Step 4 - After importing the slider, you can use revolution slider 'vc element' on the page to display slider.

    Importing Slider

    We have given a sample file for the import of slider as quick start. You can locate the file in sample content directory and import it in the rev slider panel.

    • Step 1 - Goto Dashboard > Revolution slider
    • Step 2 - Click Import Slider
    • Step 3 - Add the file given in sample content directory
    • Step 4 - Click Import, wait for few seconds and your slider will be imported with sample images and content.

    How to Use Option Panel #back to top

    You can find theme options panel in Dasboard > Theme Options or you can click the admin top bar to customize.

    General Options - #back to top

    In general options you can find logo and logo width and height options. More options are coming soon here.


    Top Bar & Header Options - #back to top

    You can set your header options from here, including phone number, email address, social icons on/off. Search with menu etc. In header section you can change image for inner banner/secondary header. Enable disable breadcrumbs from this section too.


    Font Options - #back to top

    You can manage your typography of the site from here, controls for headings h1 to h6 here, along with paragraphy and menu font family, font size and font weight.


    Misc Options - #back to top

    Misc options include RTL and Google Map API Key options. If maps on your site is not working, then add your own key for the site here. You can get API Key From https://developers.google.com/maps/documentation/javascript/get-api-key


    Color Options - #back to top

    You can change your primary color of whole theme from this one place. Change the color and it will applied to all sections. We have also giving secondary color option for this site.


    Import & Export Options - #back to top

    You can import your default settings and export them as well from this section. Import default settings from import settings file given in the sample content directory of the full package you downloaded from themeforest for quick start.

    Contact Form 7 - Code #back to top

    Contact Form 7 Code for CONTACT US Page, copy paste this code in Dashboard > Contact

    [text text-694 class:brd-rd5 placeholder "Name"]
    [email email-643 class:brd-rd5 placeholder "Email"]
    [tel tel-336 class:brd-rd5 placeholder "Phone"]
    [textarea textarea-438 class:brd-rd5 placeholder "Message"]
    [submit class:theme-btn class:theme-bg class:brd-rd5 "SUBMIT NOW"]

    Contact Form 7 Code for CONTACT WIDGET, copy paste this code in Dashboard > Contact

    [text* text-471 class:brd-rd5 placeholder "Name"]
    [email* email-177 class:brd-rd5 placeholder "Email"]
    [textarea* textarea-678 class:brd-rd5 placeholder "Message"]
    [submit class:brd-rd5 class:theme-btn class:theme-bg "Submit Now"]

    Support Desk #back to top

    Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

    Please visit our profile page or ask question @yourusername

    Support for my items includes:
    • * Responding to questions or problems regarding the item and its features
    • * Fixing bugs and reported issues
    • * Providing updates to ensure compatibility with new software versions
    Item support does not include:
    • * Customization and new features request
    • * Support for third party software and plug-ins
    Before seeking support, please...
    • * Make sure your question is a valid Theme Issue and not a customization request.
    • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
    • * Make sure to double check the theme FAQs.
    • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
    • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
    • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
    • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

    Files & Sources #back to top

    Included Stylesheets

    These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under taqwa/assets/css/

    • 1. style.css - Primary stylesheet
    • 2. bootstrap.css - Bootstrap stylesheet
    • 3. owl-carousel.css - OWL Carousel
    • 4. fontawesome.css - FontAwesome Font Icons stylesheet
    • 5. custom.css - Pathos Color Schemes stylesheet
    • 6. animate.css - CSS3 animations css file
    Included JavaScript

    These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under taqwa/assets/js/

    • 1. bootstrap.js - Bootstrap JavaScript
    • 2. custom.js - All JavaScript Plugins
    • 3. fancybox.js - Lightbox JavaScript
    • 4. owl-carousel.js - Lightbox JavaScript
    • 5. downCount.js - CounterJavaScript
    • 6. wow.js - CSS3 animation JavaScript

    Version History (Changelog) #back to top

    You can find the version history (changelog.txt) file on taqwa.zip folder or you can check changelog on theme sale page.

    Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.


    Changelog

    Initial Release: V 1.0