PE Beauty Center WordPress theme manual

This documentation is last updated on 26th June 2017.

Thank you for purchasing PE Beauty Center Theme . If you have any question that is beyond the scope of this documentation, Please feel free to create a support ticket using Our Support Site.

If you like this theme, Please support us by rating this theme with 5 stars.

Follow steps listed here

Follow steps listed here

Follow steps listed here

To setup Logo, navigate to Theme Options, click on General Settings tab and then click on PLUS icon in Logo section. Preffered dimensions: 188 x 17px.

To setup Favicon, navigate to Theme Options, click on General Settings tab and then click on PLUS icon in Favicon section.

Choose if you want Back to Top button - click ON or OFF.

Choose if you want Sticky Topbar - click ON or OFF.

Choose if you want to have Off-Canvas sidebar. You can change it's width and position.

You can now publish widgets in sidebar Off-canvas sidebar. If you will not publish any wiget here, the Off-canvas sidebar will not apear.

You can also turn your website into Coming Soon mode and select date until it will be in this mode.
If you are logged in as administrator you will not see Coming Soon page.

Remember to set correct timezone for your region in Settings -> General.

Click Save Changes when you are done.

To setup Posts and Pages options, navigate to Theme Options and click on Posts and Pages tab.

Choose if you want display Font Sizer on Front Page - click ON or OFF.

Choose if you want display Page Title on Front Page - click ON or OFF.

Choose if you want display Breadcrumb on Single Post - click ON or OFF.

Choose if you want display Font Sizer on Single Post - click ON or OFF.

Choose if you want display Post Details on Single Post - click ON or OFF.

Choose if you want display Tags on Single Post - click ON or OFF.

Choose if you want display Author info on Single Post - click ON or OFF.

Choose if you want display Comments on Single Post - click ON or OFF.

Choose if you want display Breadcrumb on Single Page - click ON or OFF.

Choose if you want display Font Sizer on Single Page - click ON or OFF.

Choose if you want display Comments on Single Page - click ON or OFF.

Choose if you want display Breadcrumb on Single Service - click ON or OFF.

Choose if you want display Font Sizer on Single Serivce - click ON or OFF.

Choose if you want display Breadcrumb on Single Member Page - click ON or OFF.

Choose if you want display Font Sizer on Single Member Page - click ON or OFF.

Choose size of the image on Single Member Page - select Small Image or Large Image. Preffered dimensions: 135 x 90px and 1024 x 1024px.

Choose if you want display Social Links on Single Member Page - click ON or OFF.

Choose if you want display Contact Info on Single Member Page - click ON or OFF.

Choose if you want display Breadcrumb on Single Testimonial Page - click ON or OFF.

Choose if you want display Font Sizer on Single Testimonial Page - click ON or OFF.

To setup Layout, navigate to Theme Options and click on Layout tab.

You can set theme width in pixels and width of Left Column and Right Column.

You can select number of columns and arrangement of them for frontpage and subpage separately.

You can choose:

1. Left Sidebar
2. Right Sidebar
3. Full width (no sidebar)
4. Dual Siebar
5. Left Dual Sidebar
6. Right Dual Sidebar

Click Save Changes when you are done.

To setup Default Blog Layout, navigate to Theme Options and click on Default Blog Layout tab.

You can select number of columns for Default Blog Layout:

1. 1 column
2. 2 columns
3. 2 columns with intro post

Numer of chars in intro text is controlled with read more button. Otherwise the intro will include 55 words by default.

Also you can choose to turn on or turn off Font Sizer, Post Info, Post Thumbnail and Readmore.

You can select number of columns for Archive Layout.

Also you can choose to turn on or turn off Breadcrumb, Font Sizer, Header Title, Post Info, Post Thumbnail and Readmore.

To setup Background Colors, navigate to Appearance > Theme Options and click on Background Colors tab.

You can choose here colors for many areas:

Click Save Changes when you are done.

To setup Fonts, navigate to Theme Options and click on Fonts tab.

You can add more fonts by clicking on Add Google Font button and then choose one of many fonts with additional options (font-weight, font-style, character sets).

You need to click on Save Changes to be able to use that new font.

You can now add this new font for Body Typography, Post Titles and Widgets Titles

Click Save Changes when you are done.

To setup Footer, navigate to Theme Options and click on Footer tab.

You can enter here copright info text.

Choose if you want to show your copyright text - click ON or OFF.

Choose if you want to show PixelEmu copyright - click ON or OFF.

You can add social links to profiles on Facebook, Twitter, LinkedIn and Skype.
Click Edit (pencil) icon and enter values for attributes Title and Link.
Please do not change field Name.

You can change the order of these social links using drag & drop mechanism.

Click Save Changes when you are done.

To setup Advanced options, navigate to Theme Options and click on Advanced tab.

Custom Code Into TheSection - Please put code inside script tags.

Javascript Code Before The Tag - This code will be inserted right before closing the BODY tag. Please put code inside script tags. Paste here Google Analytics Scripts, Google Re-marketing Tag, Google Webmaster Tools, etc.

Google Analytics ID - enter your Google Analytics ID in format: UA-XXXXX-Y or UA-XXXXX-YY

Google Webmaster Tools Site Verification - please insert verification code for Webmaster tools in here.

Addthis code - enter your Addthis Public ID to display social icons. You need to set up Sharing Buttons in your Addthis account. Recommended: small size.

Click Save Changes when you are done.

To setup Contact Page options, navigate to Theme Options and click on Contact Page tab.

Choose if you want to show Google Map on Contact Page - click ON or OFF.

You can enter Latitiude and Longtitude of place.

You can also enter default map zoom.

Choose if you want to show Contact Details on Contact Page - click ON or OFF.

You can enter address text and email address that will be displayed on Contact Page.

Choose if you want to show Contact Form on Contact Page - click ON or OFF.

You can enter email address that will be used to receive emails from contact form.

FOR DEVELOPERS

To setup Dynamic CSS options, navigate to Theme Options and click on Dynamic CSS tab.

You can modify default Dynamic CSS.

Follow steps listed here

Follow steps listed here

This page displays posts with post type Services Category and Services. To create that page go to Pages > Add New. Now select template Services Page and click Update/Publish

When you save or publish page additional options will be available.

You can set:

1. Service Categories
2. Items per Page
3. Thumbnails per Row
4. Thumbnails Position
5. Thumbnails Size
6. Item height
7. Thumbnail Section Width

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Add PE Contact widget to sidebar Primary Widget Area.

You can choose here:

1. Title: title of widget
2. Show or hide email address
3. Show or hide Visit us link
4. Visit Us Text
5. Visit Us Link

Click Save when you are done.

Built-in widget which allows you to display social icons.

On demo page, widget is visible in the 'footer' sidebar.

We have also a video tutorial on how to configure the PE Social widget:

Add PE Team Carousel widget to sidebar Primary Widget Area.

You can choose here:

1. Title: title of widget
2. Type of view: Carousel View or Grid View
3. Image size: Small image or Large image
   Images are automatically cropped to dimentions:
   270 x 30px - large image
   90 x 90px - small image
4. Number of Members
5. Number of Members in one row
6. Member description limit
7. Show or hide Social icons
8. Show or hide Member name
9. Show or hide Member profession
10. Show or hide Member avatar
11. Show or hide Member description

Click Save when you are done.

Add PE Testimonials Carousel widget to sidebar Primary Widget Area.

You can choose here:

1. Title: title of widget
2. Number of testimonials to show
3. Testimonial opinion limit
4. Show or hide testimonial author occupation

Click Save when you are done.

Follow steps listed here

Follow steps listed here

Navigate to Members > Add New. Enter title (member name), description and click Publish. Optionally you can choose featured image (member avatar).

You can also provide:

1. Member job position
2. Nember Facebook profile
3. Member Twitter profile
4. Member Linkedin profile
5. Member Phone number
6. Member Email address

Navigate to Testimonials > Add New. Enter title (author name), description and click Publish. Optionally you can choose testimonial author occupation.

First you should add Service Categories.

Navigate to Services > Service Categories.

Enter:

1. Category name
2. Category slug
3. Choose Category parent
4. Category description

Click Add New Service Category when you are done.

Once you have category, you can add post.

Navigate to Services > Service Categories.

Enter title (service name), description, choose Service Categories, Featured Image and Service Subtitle.

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

pe-margin - remove all margins for widgets.

small-title - add smaller font size to widget title.

pe-light - add background and color for widget - the same as PE-Light Background and PE-Light Text in Theme Options -> Background Colors.

pe-dark - add background and color for widget - the same as PE-Dark Background and PE-Dark Text in Theme Options -> Background Colors.

pe-popular - additional class for PE Recent Posts widget, add smaller font for article title.

_heightXXX - eg. _height375, set the widget height, the number means the height in pixels, useful if you need to make widget containers height equal

Follow steps listed here

Follow steps listed here

Shortcodes article you will find here here.

In this article you will find some examples of shortcodes which you can use in articles.

Shortcode Generator

Follow steps listed here

Typography article you will find here here.

In this article you will find some examples of custom classes which you can use in articles.

Follow steps listed here

Plugins:

1. Duplicator (Create a backup of your WordPress files and database. Duplicate and move an entire site from one location to another in a few steps. Create a full snapshot of your site at any point in time.) http://lifeinthegrid.com/
2. Display Widgets (Adds checkboxes to each widget to show or hide on site pages.) http://strategy11.com/
3. W3 Total Cache http://www.linkedin.com/in/w3edge
4. Revolution Slider (Revolution Slider - Premium responsive slider) http://themepunch.com/
5. WP User Avatar (Use any image from your WordPress Media Library as a custom user avatar. Add your own Default Avatar.) http://www.flippercode.com/
6. WordPress Importer https://profiles.wordpress.org/wordpressdotorg/
7. OptionTree https://github.com/valendesigns/option-tree-theme
8. Max Mega Menu (Mega Menu for WordPress.) http://www.maxmegamenu.com/
9. Multiple Post Thumbnails (Adds the ability to add multiple post thumbnails to a post type.) http://voceplatforms.com/
10. PE Easy Slider (Simple Horizontal Slider for Posts) http://www.pixelemu.com/
11. PE Recent Posts (Simple Slider for Posts) http://www.pixelemu.com/

Images:

1. http://www.dreamstime.com/royalty-free-stock-image-eautiful-brunette-young-sexy-woman-bob-haircut-red-lips-portrait-image37555296
2. http://www.dreamstime.com/royalty-free-stock-photo-pretty-womans-shop-image21873445
3. http://www.dreamstime.com/royalty-free-stock-photos-collage-different-business-images-image14167968
4. http://demo.pixelemu.com/pe-beauty-center/credits/