The100 Pro - A Complete Premium WordPress Theme

The 100 is a Premium WordPress multipurpose theme useful for different business or personal purposes.



Thank you for Downloading The100 Pro theme. If you have any questions that are beyond the scope of this help file, please feel Premium to email at [email protected] or to my support forum at https://8degreethemes.com/support/ . Thank you so much!

Installing The100 Pro Theme (Administration Panel)
Get a copy of  The100 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.
Check below gif, it shows example of uploading the Zincy Lite theme but you can do the same for this theme too.

Installing The100 Pro Theme (Cpanel / ftp)
Get a copy of The100 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 The100 Pro and Click on “Customizer” in the Appearance Menu in the Dashboard.
 
Updating Theme
Backup your existing theme folder.
Copy the files inside "the100-pro" folder from the zip file of the latest version of  The100 Pro Theme.
Enter the theme's admin panel and save your options.
This theme provides a 'Homepage' template for your home page. Please follow these steps to configure your home page with 'home page' template.
 
Go to Dashboard > Pages > Add New.
Create a Page (for your home page).
Enter the Title (e.g. 'Home') and and assign the page with 'Home Page' Template.
Click on 'Publish' button.
 


Now Go to Dashboard > Settings > Reading.
Set 'Front page displays' option to display 'A static page'.
Then Select the Page (home page created with 'home page' template) from 'Front Page' Drop Down List.


Now configure the home page sections.
 

This theme consists of eight different template styles, you can choose any one of them as base design for your website.

Choose among these: template

Classic Demo Layout - Check demo here
Construction Demo Layout - Check demo here
Resturant Demo Layout - Check demo here
Events Demo Layout - Check demo here
Charity Demo Layout - Check demo here
Medical Demo Layout - Check demo here
Creative Demo Layout - Check demo here
Travel Demo Layout - Check demo here
 
 

Colors

Header Text Color

This option will change the color of site title and tagline.

color

Background Color

This option will help you choose the main site background color.

Background Image

This option will help you add image on background, It will show further options to repeat or non-repeat, alignment options after selecting image. backgorund image

Static Front Page

Front Page

This is same settings as in Settings > Reading where we set the static front page as the home page which is assigned with the template that came with theme.

Check Step 2: Homepage Setups for this in detail.

Posts Page

You can choose a specific page to display all your latest blogs.

Web Layout Setting

This option will give you to choose between Full Width and Boxed Layout for your overall website.

web layout

[Note: Click Save & Publish to save your changes to become live.]

header settings

Header Layouts

header layout

Same like eight different templates, this theme provides you 8 different header layouts, each specific to different templates but you are free to use any layout in any template design.

header layout

Top Header

- You can choose to enable or disable the top header.

- Add text,phone number,email or any message to show in left side of top header.

- Choose to show the social icons on right of top header or not.

header layout


Main Header

Manage Logo from Customize > Header Settings > Site Identity & Navigation from Customize > Menus

This section is for setting up extra icons beside menu, like you can add Cart Icon, if you have woocommerce installed,

you can enable Search Icon, which will give search box in popup, and

also for Header Layout Two you can add extra text beside the menu.

main header layout


Site Identity

- Upload your site logo, you are Premium to crop the image but choose your image size wisely.

- You can choose whether or not to show the Site Title and Tagline with menu.

site title

- You can upload Site Icon / Favicon for your site. It shall be basically 16x16 or 32x32 pixels.

Header Image

This will help you add background image of the site header.

header image

 

[Note: Click Save & Publish to save your changes to become live.]

All of the homepage sections can be enabled or disabled and any of the layouts of any sections of homepage are usable with any template or header layout, so you can make different combination of layouts by using different sections and their layouts.

Note: Demos only use different layouts in different templates.

header image

Sorting Homepage Sections

- CLick and drag sections and re-order them as you want on the homepage.

header image

Slider Settings

- Choose "Yes" to show the slider on the home page.(Without selecting the category, it will not be enabled.)

- Select a category of posts which consists featured image in the post.

** Click here if you are a newbie in creating post,category & pages.

- Choose to show or hide the dots/pager in slider.

- Choose to show or hide the arrows in slider.

- Choose the transition type among Slide or Fade while switching between the slides.

- Choose Caption design (Left Aligned or Center Aligned) or you can disable it too.

** Some templates have specific design patterns for captions.

header image

 

Below Slider Text

header image

This is a widget area section. If you need enable it.

To add contents, Go to Widgets Section in customizer or Appearance > Widgets

And add contents on the Widget Area "Below Slider Area". 

To get contents or HTML structure Check Widgets Section Below.


Template 2 - Construction Demo

header image

Template 3 - Restaurant Demo

header image

HTML Content of description:

	We create delicious food
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<p><img src="http://8degreethemes.com/demo/the100-pro/restaurant/wp-content/uploads/2017/07/sign.jpg"/></p>

Template 5 - Charity Demo

header image

Template 6 - Medical Demo

header image

Template 8 - Travel Demo

header image

 

Promo Page Section

- Choose whether or not you need this section.

- Among two Layouts, Choose any type you need, some are template specific but you can use any combination.

- Select a page to show on this section.(Page's Title, Description/Excerpt, Featured Images will be used as below layouts.)

- Enter Button text to show button on this section. Make it empty to hide the button.

- Enter link for Button of show on this section

- Add Background Image if you need on this section

Layout 1

header image

Layout 2

header image

 

- Choose whether or not you need this section.

- Enter Title if you need for this section

- Enter Description for the section

- Among Five Layouts, Choose any type you need, some are template specific but you can use any combination.

- Select Category of Posts to show on this section.

Layout 1

header image

Layout 2

header image

Layout 3

header image

Layout 3 - with iconic image

header image

Layout 4

header image

Layout 5

header image

 

Team Settings

- Choose whether or not you need this section.

- Enter Title if you need for this section

- Enter Description for the section

- Select Category of Posts to show on this section.

- Among Four Layouts, Choose any type you need, some are template specific but you can use any combination.

Layout 1

header image

Layout 2

header image

Layout 3

header image

Layout 4

header image

 

- Choose whether or not you need this section.

- Among Three Layouts, Choose any type you need, some are template specific but you can use any combination.

- Enter Title if you need for this section

- Enter Description for the section

- Select Category of Posts to show on this section.

Layout 1

header image

Layout 2

header image

Layout 3

header image

 

About & Service Section

- Choose whether or not you need this section.

- Among Five Layouts, Choose any type you need, some are template specific but you can use any combination.

- Select a Page to show Title, Description ( Feature Image for Layout One )

- Select Category of Posts to show on this section. Layout two has accordion functionality without image and layout one has image and post preview.

Layout 1

header image

Layout 2

header image

Layout 3

header image

Layout 4

header image

Layout 5

header image

 

Counter & CTA Section

header image

This is a widget area section. If you need enable it.

Add Background Image for this section if you like to.

To add contents, Go to Widgets Section in customizer or Appearance > Widgets

And add contents on the Widget Area "Home Counter Area". 

To get contents or HTMl structure Check Widgets Section Below.

Template 1- Classic Demo Widget

header image

Template 2 - Construction Demo Widget

header image

Template 3 - Restaurant Demo Widget

header image

HTML Content of "Today's Menu":

	<ul class="clear">
 	<li>
<div class="title-wrap">
<h2>Smoked Paprika Hummus</h2>
$12

</div>
Onion, garlic, turmeric, cumin, coriander, tomato, potato, carrot, red pepper,
chili, coconut milk.</li>
 	<li>
<div class="title-wrap">
<h2>Smoked Paprika Hummus</h2>
$12

</div>
Onion, garlic, turmeric, cumin, coriander, tomato, potato, carrot, red pepper,
chili, coconut milk.</li>
 	<li>
<div class="title-wrap">
<h2>Smoked Paprika Hummus</h2>
$12

</div>
Onion, garlic, turmeric, cumin, coriander, tomato, potato, carrot, red pepper,
chili, coconut milk.</li>
 	<li>
<div class="title-wrap">
<h2>Smoked Paprika Hummus</h2>
$12

</div>
Onion, garlic, turmeric, cumin, coriander, tomato, potato, carrot, red pepper,
chili, coconut milk.</li>
 	<li>
<div class="title-wrap">
<h2>Smoked Paprika Hummus</h2>
$12

</div>
Onion, garlic, turmeric, cumin, coriander, tomato, potato, carrot, red pepper,
chili, coconut milk.</li>
 	<li>
<div class="title-wrap">
<h2>Smoked Paprika Hummus</h2>
$12

</div>
Onion, garlic, turmeric, cumin, coriander, tomato, potato, carrot, red pepper,
chili, coconut milk.</li>
</ul>
Template 4 - Events Demo Widget

header image

Template 5 - Charity Demo Widget

header image

Template 6 - Medical Demo Widget

header image

Template 7 - Creative Demo Widget

header image

Template 8 - Travel Demo Widget

header image

 

Testimonial & Partner Section

- This section consists two different contents 1.Testimonials  2. Partners/Sponsors

- Among Three Layouts, Choose any type you need, some are template specific but you can use any combination.

 

- Choose whether or not you need testimonial section.

- Enter Title if you need for this section

- Select Category of Posts to show on this section.

 

- Choose whether or not you need partner section.

- Enter Title if you need for this section

- Select Category of Posts to show on this section.

 

Layout 2- Classic & Travel Demo Testimonial & Partner

header image

Layout 1- Construction Demo Testimonial & Partner

header image

Layout 1 + Template 3 & 4- Restaurant & Events Demo Testimonial & Partner

header image

Layout 2 + Template 5- Charity Demo Testimonial & Partner

header image

Layout 3- Medical Demo Testimonial & Partner

header image

Blog Settings

- Choose whether or not you need this section.

- Among Six Layouts, Choose any type you need, some are template specific but you can use any combination.

- Enter Title if you need for this section

- Enter Description for the section

- Select Category of Posts to show on this section.

Layout 1- Classic Demo Blog Design

header image

Layout 2- Construction Demo Blog Design

header image

Layout 3 - Restaurant & Events Demo Blog Design

header image

Layout 4- Charity Demo Blog Design

header image

Layout 5- Medical Demo Blog Design

header image

Layout 6- Travel Demo Blog Design

header image

 

header image

This is a widget area section. If you need enable it.

To add contents, Go to Widgets Section in customizer or Appearance > Widgets

And add contents on the Widget Area "Above Footer Area". 

To get contents or HTMl structure Check Widgets Section Below.

 

Template 1 - Classic Demo Widget

header image

Template 2 - Construction Demo Widget

header image

Template 3 - Restaurant Demo Widget

header image

HTML Content of "Book Your Table":

	Williamsburg authentic farm-to-table cray church-key selfies. Chillwave kogi roof party vinyl flannel jean shorts meggings Echo Park.
<h2>+1-202-555-016</h2>
<p>Or simply use the contact form below and we’ll get in touch as soon as possible.</p>
[ufbl form_id=1]
Template 7 - Creative Demo Widget

header image

Template 8 - Travel Demo Widget

header image

[Note: Click Save & Publish to save your changes to become live.]

header image

Archive Page Layout

Choose what type of default page you want to have with our theme.

There are options for Left Sidebar, Right Sidebar, No Sidebar.

This setting will only apply if there is no specific setting from the page itself (With every page there is a metabox to choose the page sidebar.).

header image

 

Archive Posts Layout

- Choose what type of layout you want for the archive pages/category pages among list or grid.

- Choose what type of image layout you want to have on the archive List pages. Grid will have small images by default.

header image

 

Woocommerce Page Layout

Choose what type of woocommerce pages you want to have with our theme.

There are options for Left Sidebar, Right Sidebar, No Sidebar.

** This is only applicable if you have Woocommerce Plugin installed in your site.

header image

Enter the Social Profile links that you want to show in website header section.

Setting to enable is available in Header Settings itself.

header image

There are 5 registered widget areas with our theme:

1. Below Slider Area

2. Home Counter Area

3. Above Footer Area

4. Top Footer

5. Footer Menu

header image

This is wordpress default option.

You can add your extra modification css codes here rather than modifying the files directly.

header image

AND IF THIS THEME HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

WPAll Club

A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

Premium WordPress Themes

6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

Premium WordPress Plugins

45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

AccessPress Themes

AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

8Degree Themes

8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.

8 Degree Coming Soon Page – FREE Maintenance Mode WP Plugin

This Free plugin can be used for a website under construction, coming soon or in maintenance mode. The plugin is developed with all the basic features required to build a beautiful and secure coming soon.

8 Degree Notification Bar – FREE Notification Bar WP Plugin

This Free plugin will help you to display an attractive notification in your website. You can notify your website visitors about your new releases, offers, messages, news etc through notification in your website.

AccessPress Instagram Feed

This Free plugin will allow you to display your instagram images different three layout masonry, masonry lightbox & slider.

AccessPress Twitter Feed Pro

AccessPress Twitter Feed PRO is a Premium Twitter plugin for WordPress. It just takes a few minute to set it up and use. Start strong Twitter integration right on your website and increase your social reach to next level.

AccessPress Social Icons Pro

AccessPress Social Icons PRO – allows you to create various social icons and link your social profiles from your website. Its fun because – you can create, customize and build the beautiful icons for your social media profiles on your own.

Ultimate Form Builder

Ultimate Form Builder is a PREMIUM WordPress Plugin which allows you to create unlimited responsive forms (single step or multi-steps). Anytype of forms (Contact us, Opt-in, Call-to-Action, Survey, Quotation, Enquiry or anything) can be built using drag and drop form builder.

AccessPress Social Pro

AccessPress Social PRO is a Premium WordPress plugin to allow anyone easily share website content (page, posts, image, media) on major social media (Facebook, Twitter, Linkedin, GooglePlus, Pinterest, Digg, Buffer, Reddit, Tumblr, StumbleUpon, Xing, Weibo, VK, Delicious, Whatsapp). and display your social accounts fans, subscribers and followers number on your website!

AccessPress Social Auto Post

Unleashing the combination of extensive features of free twitter auto post and facebook auto post into one in addition with many more integrated features is AccessPress Social Auto Post. It is a perfect WordPress plugin to auto post all your website content to social media (Facebook, Twitter, LinkedIn, Tumblr). Importantly you can configure multiple social profiles and post onto them, it means if you want to post the content to more than one Facebook account you can! You just need to configure multiple accounts, and yes unlimited!

AccessPress Social Login

Unleashing the combination of extensive features of free twitter auto post and facebook auto post into one in addition with many more integrated features is AccessPress Social Auto Post. It is a perfect WordPress plugin to auto post all your website content to social media (Facebook, Twitter, LinkedIn, Tumblr). Importantly you can configure multiple social profiles and post onto them, it means if you want to post the content to more than one Facebook account you can! You just need to configure multiple accounts, and yes unlimited!