Taqwa - Islamic Center

Taqwa Islamic Center WordPress/ version 2.1


Introduction

  • Item Name : Taqwa Islamic Center WordPress
  • Item Version : v 2.1
  • Author : Nauthemes
  • Support Forum : nauthemes@gmail.com

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 nauthemes@gmail.com

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 and activated all the recommended pluigns first.

For Demo Import, it's important that you validate theme first with your product license key, it is explained at Dashboard > Appearance > Theme Activation.

Note: It is important to note that you must de-activate your license key in case of; changing domain, resetting WordPress, resetting theme or Installation. If you missed this step then reach out to support at nauthemes@gmail.com for help, and explain them the issue. Provide license key and domain url to support team so they can check and update the server records so you can re-validate your site again.


For support help: You must have a valid support subscription. Without a valid support subscription team won't be able to help you as per the company policy.

RTL Import: After demo import, do the following steps to have the RTL layout.

  • 1. Enable RTL Option from Dashboard > Theme Options > Misc Settings > RTL
  • 2. Change the site language from Dashboard > Settings > General > Site Language

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.

Namaz/Salat Settings

In the documentation folder you can find the sample namaz time and ramadan times files.

Configuration for namaz times can be found at Dashboard > Settings > Salat Times.

In Dashboard > settings > salat times
You can find the option for language. Change it to custom (set below)
Then from below text field, change the text of namaz and times according to your desire..

It is recommended to use the manual time settings for the 100% accurate timings. You can select that from Dashboard > Settings > Salat Times. We have shared a sample file with you, place that in the manual times fields on the same location near the bottom. and check the layout and view. Then you can modify the times according to your location or mosque for the whole year.

Elemetor Wigets

Add Pillars Elementor Widget

Add Islamic Scholars Elementor Widget

How to Import Rev Sliders Like Demo Version

All Demo Sliders are provided inside the sales package.

The purchase code of the rev slider is only required for regular updates. According to the policy 'No Author' on ThemeForest could provide the separate license of rev slider to each user.

Sliders that we presented on the Demo are included in the sales package, just import them in the rev slider panel.

Sliders available here in sales package that you downloaded from themeforest Sample Slider > Rev Slider Samples

You only need to place the rev slider widget from elementor widgets on the page to display the slider that you imported.

Salat Times:

All settings for Salat/Namaz Time is available at Dashboard > Settings > Salat Times.

You can add your regional salat timings here; I've also shared a sample file with you, please add your regional salat times in that file accordingly. You need to add 365 days in the file.

Download Namaz Time
Instrustions:

Input like this:

Date--Fajr--Zuhr--Asr--Magrib--Isha--Fajr Jama'h--Zuhr Jama'h--Asr Jama'h--Magrib Jama'h--Isha Jama'h

Use double hyphen "--" as separetor and one line for one day.

Example:

Jan 01--05:13 AM--01:15 PM--03:30 PM--06:10 PM--08:15 PM--05:30 AM--01:30 PM--03:45 PM--06:15 PM--08:30 PM

Jan 02--05:14 AM--01:15 PM--03:30 PM--06:10 PM--08:15 PM--05:30 AM--01:30 PM--03:45 PM--06:15 PM--08:30 PM

Jan 03--05:14 AM--01:15 PM--03:30 PM--06:10 PM--08:15 PM--05:30 AM--01:30 PM--03:45 PM--06:15 PM--08:30 PM

Ramadan Times:

All settings for Ramadan Sehr & Iftar Time is available at Dashboard > Theme Options > Ramadan Times.

I'm sharing you a file here, place the content of that file in Theme Options > Settings > Ramadan Times and save settings.

Place the widget https://prnt.sc/shvoz3 on the page to display the Ramadan times. You only need to update the data Month of Ramadan in the given file according to your locality time.

Download Ramadan Time

Place the elementor widget where ever you want on the page, and it will start to display the Sehr & Iftar Time accodingly.

How to Place Revolution Slider #back to top

Sample Sliders are available inside the package that you downloaded from themeforest.

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.

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.

General Options - #back to top

Dasboard > Theme Options > General Options: 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

Dasboard > Theme Options > Header Settings 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.

Header Selection and Color Options are available inside the page too - #back to top


Font Options - #back to top

Dasboard > Theme Options > Fonts 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

Dasboard > Theme Options > Misc Settings 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.


Social Links - #back to top

You can now have any number of social links with repeater option added in theme options for users convienance.

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

Note: Make sure you have a valid support subscription before contacting support team.

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 nauthemes@gmail

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