Hamza Pro - A Premium Wordpress Theme

Hamza Pro - is beautifully designed, multi-purpose, feature-rich modern responsive theme. It is - Woocommerce, translation ready, cross-browser compatible and SEO friendly. It features: different page layout like portfolio, team, testimonial,service, blog etc and has a strong call to action to help achieve greater conversion. With its extensive customizer option panel, configuring theme is easy, fast and fun. Hamza Pro is multi-purpose and is suitable for travel, corporate, portfolio, photography, nature, health, small biz, personal, creative, corporate, agencies, bloggers anyone and everyone. Demo: http://8degreethemes.com/hamza-pro/ Support forum:http://8degreethemes.com/support/

created: 12/18/2015
latest update: 02/14/2018
by: 8Degree Themes
8degreethemes.com/

Demo Details

WordPress

Version 4.3.1

Plugins

Ultimate Form Builder

Installing Hamza Pro Theme (Administration Panel)

Get a copy of Hamza Pro Theme
Log in to the WordPress Administration Panel.
Click on Appearance -> Themes -> Add New
Click on Upload Theme button at the top and browse the downloaded zip file in your computer.
Click on Install button and then Activate the theme.

Installing Hamza Pro Theme (Cpanel / ftp)

Get a copy of Hamza Pro Theme
Unzip the downloaded zip file.
Upload the unzipped file in to /wp-content/themes/
Now, activate the theme by going to Appearance -> Themes in the wordpress dashboard.
Activate the Hamza Pro and Click on “Customizer” in the Appearance Menu in the Dashboard and Customize your site.

Updating Theme

Backup your existing theme folder
Copy the files inside "Hamza Pro" folder from the zip file of the latest version of Hamza Pro Theme.
Enter the theme's admin panel and save your options.

Log in to the WordPress Administration Panel.Go to Appearance > About Hamza Pro.
Click on "Import Demo "
Install Instant Demo Importer Plugin and activate it.
Click on "Install Demo".

Documentation images

Follow the following steps to create homepage.

Create page name with "HOME" and choose "Home Page" in template select field.
Then choose the page you create i.e."HOME" as static frontpage. To select Home as static, Go Admin dashboard -> Setting -> Frontpage display -> static page as frontpage -> Select "HOME".

Countdown Settings

Select "ON" to Activate CountDown Page.
Select Animation type for clock ticking.
Enter text for Days.
Enter text for Hours.
Enter text for Minutes.
Enter text for Seconds.
Select color of Circle.
Select color of Day Circle.
Select color of Hour Circle.
Select color of Minutes Circle.
Select color of Seconds Circle.

Website Lauch Date

Select Website Launching Year.
Select Website Launching Month.
Select Website Launching Day.
Select Website Launching Hour.

Countdown Page

Select Website Logo
Enter text to show below the Logo.
Select color of Text of whole Page.
Select color to add on Background of Countdown Page.
Upload image to add on Background of Countdown Page.
Select "ON" to show background overlay.
Select color to add background ovelay.

Social Settings

Select "ON" to show social icon in Countdown Page.
Enter text in textarea field to show text above the social icons.

Site Identity

Upload logo of your site
Enter your Site Title.
Enter Site Tagline.
Check the checkbox to show site title and tagline.
Upload Site Icon for your site.

Colors

Choose Background Color -- "Background Color" refers to the whole site background color.

Header Image

Upload image to add header background.

Background Image

Upload image to add on Background for your website.

Homepage Settings

Choose "A Static Page" to show as frontpage. (Note: you must create the Page first. From Admin > Page > Add New)
After Creating / Adding a page "Home" Select "Home" as Homepage.

Additional Css

Write your own css here.

CLICK ON "Save & Publish" TO SAVE "DEFAULT SETTINGS".

Theme Color

Choose Primary Color of the theme.('This color will replace all "#58B25E" color in the theme.")
Choose Primary Dark Color of the theme.('This color will replace all "#468f4b" color in the theme.")
Choose Secondary Color of the theme.('This color will replace all "#015389" color in the theme.")

Design Setting

Select "ON" to show the animation when you scroll the page.
Select "ON" to enable Responsive Design.
Select Web Page Layout that you want to.

Preloader Setting

Select preloader for your website.
Select color of preloader.
Select Background color of preloader.

Google Map

Enter your Google Map API key.
Enter Longitude of your Location.
Enter Latitude of your Location.
Enter number to maintain zoom level of the Google Map.

CLICK ON "Save & Publish" TO SAVE "Theme Setup" Settings.

Choose prefered Header Style.
Select "ON" to show Sticky Header.
Select "ON" to show Search field in Homepage.
Enter text to show on Place Holder of Search field.
Enter your email address.
Enter your Phone no.

CLICK ON "Save & Publish" TO SAVE "HEADER SETTINGS".

Homepage Sortable

Click on "EYE" Icon to Show/ Hide section in Homepage.(If the Element is blur then Homepage section with that element name will be removed from Homepage.)
Move elements up and down to sort Homepage Sections.

Slider Setting

Select 'ON' to enable slider on Homepage.
Choose Slider type
- Category Slider
  - Select category for slider. Posts from selected category will be shown in Slider. (Post Featured Image as Slider Image, Post Title as Slider title and Post Excerpt or Description as Slider Description. )
  - Select Layout to change the layout of Slider.
  - Select 'ON' to show controls on the slider.
  - Select 'ON' to show pager on the slider.
  - Choose Transition type of the slider.
  - Select "ON" to enable auto transition of slider.
  - Select "ON" to show slider caption of Slider.
  - Enter the numbers to define the slider speed.
  - Enter the numbers to define the slider pause time.
  - Select "ON" to show Overlay in Slider.
  - Select color of Slider Overlay.

Plugin Slider
- Add shortdcode of plugin slider on Plugin shortcode text.

About Section

Choose Layout to change the Layout of About Section.
Enter Title.
Enter Subtitle.
Upload Background Image
Enter Button Text
Enter Button link.
Choose background color of about Section.
Choose color of About section Title.
Choose color of Sub Title Color.
Choose color of Section Description.

Service Section

Enter text to show title in Service section.
Enter text to show description in Service Section.
Select Layout to change the Layout of Service Section
Select number to show total no. of posts in Service section.
Select "ON" to show Service Icon and "OFF" to show Featured image. ( Note: If there is no featured image, icon will be shown. )
Upload image to add background image in Service Section.
Choose Background color of Service section.
Choose color of Service section Title.
Choose color of Section description.
Choose color to change color of Post title.
Choose color to change color of Post Content.
Choose color to change color of Post Icon Color.
Select "ON" to enable overlay in Service section.
Choose color to change color of overlay in Service Section

Featured Section

Enter text to show title in Featured section.
Enter text to show description in Featured Section.
Select Layout to change the Layout of Featured Section
Select number to show total no. of posts in Featured section.
Select "ON" to show Service Icon and "OFF" to show Featured image.
Upload image to add background image in Featured Section.
Choose Background color of Featured section.
Choose color of Featured section Title.
Choose color of Section description.
Choose color to change color of Post title.
Choose color to change color of Post Content.
Select "ON" to enable overlay in Featured section.
Choose color to change color of overlay in Featured Section

Call to action with Section

Enter text to show title in Call to Action section.
Enter text to show description in Call to Action Section.
Choose Layout to change layout of the Call to Action Section.
Enter text for button of the Call to Action Section.
Enter link for button of the Call to Action Section.
Upload image to add background image in Call to Action Section.
Choose Background color of Call to Action section.
Choose color of Call to Action section Title.
Choose color of Section description.
Select "ON" to enable overlay in Call to Action section.
Choose color to change color of overlay in Call to Action Section.

Cta Text Section

Enter text to show title in CTA Text Section.
Enter text to show description in CTA Text Section.
Enter fontawesome class to add icon in button.for eg: fa fa-envelope
Enter button text.
Enter button link.
Choose Background color of CTA Text section.
Choose color of CTA Text section Title.
Choose color of Section description.
Select "ON" to enable overlay in CTA Text section.
Choose color to change color of overlay in CTA Text Section.

Team Member Section

Enter text to show title in Team Member section.
Enter text to show description in Team Member Section.
Select Layout to change the Layout of Team Member Section
Select number to show total no. of posts in Team Member section.
Select "ON" to show designation of Team Member in Homepage.
Select "ON" to show social Links of Team Member in Homepage.
Upload image to add background image in Team Member Section.
Choose Background color of Team Member section.
Choose color of Team Member section Title.
Choose color of Section description.
Choose color to change color of Post title.
Choose color to change color of Post Content.
Select "ON" to enable overlay in Team Member section.
Choose color to change color of overlay in Team Member Section.

Pricing Section

Enter text to show title in Pricing section.
Enter text to show description in Pricing Section.
Upload image to add background image in Pricing Section.
Choose Background color of Pricing section.
Choose color of Pricing section Title.
Choose color of Section description.
Select "ON" to enable overlay in Pricing section.
Choose color to change color of overlay in Pricing Section.

Portfolio Section

Enter text to show title in Portfolio section.
Enter text to show description in Portfolio Section.
Select Layout to change the Layout of Portfolio Section
Select number to show total no. of posts in Portfolio section.
Upload image to add background image in Service Section.
Choose Background color of Service section.
Choose color of Portfolio section Title.
Choose color of Section description.
Select "ON" to enable overlay in Portfolio section.
Choose color to change color of overlay in Portfolio Section.

Testimonial Section

Enter text to show title in Testimonial section.
Enter text to show description in Testimonial Section.
Select Layout to change the Layout of Testimonial Section
Select number to show total no. of posts in Testimonial section.
Select "ON" to show designation of Testimonial in Homepage.
Upload image to add background image in Testimonial Section.
Choose Background color of Testimonial section.
Choose color of Testimonial section Title.
Choose color of Section description.
Choose color to change color of Post title.
Choose color to change color of Post Content.
Select "ON" to enable overlay in Testimonial section.
Choose color to change color of overlay in Testimonial Section.

Blog Section

Enter text to show title in Blog section.
Enter text to show description in Blog Section.
Select Layout to change the Layout of Blog Section.
Select Blog category for show posts in Blog Section.
Select number to show total no. of posts in Blog section.
Upload image to add background image in Blog Section.
Select "ON" to show category and comments of the posts in Blog Section.
Select "ON" to show Author and Posted Date of the posts in Blog Section.
Enter text to show Read more button on Blog section.
Upload image to add background image in Blog Section.
Choose Background color of Blog section.
Choose color of Blog section Title.
Choose color of Section description.
Choose color to change color of Post title.
Choose color to change color of Post Content.
Select "ON" to enable overlay in Blog section.
Choose color to change color of overlay in Blog Section.

Client Section

Enter text to show title in Client section.
Enter text to show description in Client Section.
Select layout to change layout of Client Section.
Enter no. to show total posts in Client Section.
Choose Background color of Client section.
Choose color of Client section Title.
Choose color of Section description.

Counter Section

Upload image to add background image in Counter Section.
Choose Background color of Counter section.
Choose color to change color of icon in Counter Section on Homepage.
Choose color to change color of text in Counter Section on Homepage.
Select "ON" to enable overlay in Counter section.
Choose color to change color of overlay in Counter Section.

Skill section

Enter text to show title in Skill section.
Enter text to show description in Skill Section.
Upload image to show featured image in Skill Section.
Choose Background color of Skill section.
Choose color of Skill section Title.
Choose color of Section description.

About Page Setting

To setup About us Page, Go to Admin Dashboard -> Create page with name About Us -> Select About Page in Page template dropdown. Add description, upload featured image and page banner. About Page is fullwith Layout Sidebar won't work with About Page.

Select "ON" to show Call to Action section from Homepage in About Page.
Select "ON" to show Team Member section from Homepage in About Page.
Select "ON" to show Skill section from Homepage in About Page.
Select "ON" to show Pricing section from Homepage in About Page.
Select "ON" to show Video section from Homepage in About Page.
Select "ON" to show Testimonial section from Homepage in About Page.

Service Page Setting

To setup Service Page, Go to Admin Dashboard -> Create page with name Service -> Select Service Page in Page template dropdown. Add description, upload featured image and page banner. Service Page is fullwith Layout Sidebar won't work with Service Page.

Select "ON" to show service icon and "OFF" to show featured image in Service Page.
Enter number to show total no. of post on Service Page.
Select "ON" to show Call to Action Section from Homepage on Service Page.
Select "ON" to show Skill section from Homepage in Service Page.
Select "ON" to show Pricing section from Homepage in Service Page.
Select "ON" to show Testimonial section from Homepage in Service Page.

Portfolio Page Setting

To setup Portfolio Page, Go to Admin Dashboard -> Create page with name Portfolio -> Select Portfolio Page in Page template dropdown. Add description, upload featured image and page banner. Portfolio Page is fullwith Layout Sidebar won't work with Portfolio Page.

Enter number to show total no. of post on Portfolio Page.
Select "ON" to show Call to Action Section from Homepage on Portfolio Page.
Select "ON" to show Skill section from Homepage in Portfolio Page.

Team Page Setting

To setup Team Page, Go to Admin Dashboard -> Create page with name Team -> Select Team Page in Page template dropdown. Add description, upload featured image and page banner. Team Page is fullwith Layout Sidebar won't work with Team Page.

Enter number to show total no. of post on Team Page.
Select "ON" to show designation of Team Member on Team Page.
Select "ON" to show social links of Team Member on Team Page.
Select "ON" to show Skill section from Homepage in Team Page.
Select "ON" to show Testimonial Section from Homepage on Team Page.

Testimonial Page Setting

To setup Testimonial Page, Go to Admin Dashboard -> Create page with name Testimonial -> Select Testimonial Page in Page template dropdown. Add description, upload featured image and page banner. Testimonial Page is fullwith Layout Sidebar won't work with Testimonial Page.

Choose image type of testimonial posts in Testimonial Page.
Enter number to show total no. of post on Testimonial Page.
Select "ON" to show designation of Team Member on Testimonial Page.

Archive Page Setting

Choose page layout of Blog / Archive Page.
Choose post layout of Blog / Archive Page.
Enter text to show on Read more button of the posts.
Upload Image to add background image in Page Header of Blog / Archive Page.

FAQ Setting

To setup FAQ Page, Go to Admin Dashboard -> Create page with name FAQ -> Select FAQ Page in Page template dropdown. Add description, upload featured image and page banner. FAQ Page is fullwith Layout Sidebar won't work with FAQ Page.

Enter no. to show total no. of posts in FAQ Post.

Google Map Section

Select "ON" to show google Map Section in Homepage.
Select "ON" to show google Map Section in innerpages.
Enter Latitude of your Location.
Enter Longitude of you Location.
Enter the height of map. for example 300 for 300px.
Select the zoom level of Google Map.
Select Map type.
Select "ON" to show scrolling wheel.
Select "ON" to show Map Controls.
Select "ON" to show Map Marker.
Enter decimal to move map marker position.(Enter 0.0 to show map marker in center.)
Upload image for map Marker.
Select "ON" to show overlay on map.
Select color of Overlay.

Contact Information

Select "ON" to show Contact form in Footer section.
Enter the contact form shortcode. for example: [contact-form-7 id="606" title="home"]
Enter the text for contact form title.
Enter the text for contact form description.
Select "ON" to as add social Links to show in contact section.

Copyright Section

Enter text to change copyright text.
Select Footer Background color.
Select Footer text Color.

Page Header Settings

Click "ON" to enable overy in Page Header of all pages.
Select color to change overlay color of all pages.
Select color to add background color in Page header of all pages.
Select color to change title text color in Page Header of all pages.

Breadcrumb Settings

Select “ON” to show breadcrumb in Page header.
Enter Character or html code to change separator in breadcrumb.
Enter text to change name of Home.
Select color to change Breadcrumb link color in Page header of all pages.
Select color to change Breadcrumb text color in page header on all Pages.
Select color to change Breadcrumb Seperator Color in page header on all Pages.

Select "ON" to show Social Icons in Footer.
Enter the Url of your Social Networks. (Note: If the url text field is empty, it won't be shown on the site.)

Click "ON" to show Typography options.( If "ON" is not selected other Typography options won't be displayed. )
Choose a font for all Header tags.
Choose a font weight for all Headate Tags.
Choose a font for the Body text.
Choose a font Weight for the Body text.
Choose font size of Heading 1.
Choose text transform of Heading 1.
Choose font color of Heading 1.
Choose font size of Heading 2.
Choose text transform of Heading 2.
Choose font color of Heading 2.
Choose font size of Heading 3.
Choose text transform of Heading 3.
Choose font color of Heading 3
Choose font size of Heading 4.
Choose text transform of Heading 4.
Choose font color of Heading 4.
Choose font size of Heading 5.
Choose text transform of Heading 5.
Choose font color of Heading 5.
Choose font size of Heading 6.
Choose text transform of Heading 6.
Choose font color of Heading 6.
Choose font size of Body text.
Choose font color of Body Text.

Create Menu and give a menu name.
Add Pages in Menu.
Check Menu as Primary Menu.

Go to Admin Dashboard > Appearance > Customize > Widgets

And Configure Different Widgets