Prestro Pro WordPress Theme Documentation

Introduction

Thank you for choosing our prestro-pro theme for your website.

Our WordPress themes are completely responsive, super clean and error-free.

We are so happy to have our theme in your use.

For beginners, advances and developers, this documentation has been made keeping in mind very simplely. the ducument has been divided into two parts to understand more easily.

(A) SET UP THEME : This section will help you to understand theme start and set up easily.
(B) MAIN DOCUMENT : This section basically will have been help you to explain all the thing about theme and inner setting.

If you have query about our theme document then you can contact us at support@unboxthemes.com

pet-clinic wordpress theme
We offer theme customization. Get in contact for a quote.
Quick Connect Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

There are two way to install WordPress theme. The steps are given below

STEP 1: Installation Via WordPress Admin area

  1. 1. Log into your WordPress admin area.
  2. 2. Go to Dashboard => Appearance => Themes.
  3. 3. Click on Add New Theme button.
  4. Add New Theme
  5. 4. Now, Hit Upload Theme button and upload.
  6. 5. Click on Activate once upload has finished.

STEP 2: Installation Using FTP

  1. 1. Download food-junction-pro.zip file from your My Account unboxthemes.
  2. 2. Extract Zip file.
  3. 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. 4. Go to Dashboard » Appearance » Themes and find Black Corporate Pro theme from list
  5. 5. Click on Activate to active Black Corporate Pro theme.
Active Theme

Set Up Home Page

This section guide you to set up Home Page , All templates and All Shortcodes.

  1. Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute.
  2. Home Page Setting
  3. Step 2: Publish this page
  4. Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  5. Front Page Home

Setting Up Header

  1. Step 1. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  2. a.You can add logo from Select Logo button for set logo
  3. set Header logo
  4. Step 2. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  5. a.Add Phone Number
  6. b.Add Add Social Media Icon & Link
  7. c.Add navigation label
  8. d.SelectColors
  9. set Header logo
  10. Step 3. Go to Dashboard >> Appearance >> Menus.
  11. Step 4. Click on create a new menu as show in below image.
  12. Step 5. Enter menu name and click on Create Menu as shown in below image.
  13. Step 6. Select Pages from left Side and click on Add to Menu button as show in below image
  14. Step 7. After selecting pages select menu location and click on save menu.
  15. Create a Menu
  16. Step 8. Click on Manage Locations as show in below image.
  17. a.Click on Use new menu
  18. Final Step in Menu
  19. b.Add Menu Name
  20. c.Click on Create Menu button.
  21. Final Step in Menu
  22. Step 9. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  23. a.Select colors
  24. set Header logo
  25. Header Final Look Final display of header

Setting Up Home Slider

  1. Step 1. Go to Dashboard >> Slider
  2. a. Click on add New button
  3. b. Add the slider name.
  4. c. Add the slider content.
  5. d. Add slider button text and link.
  6. e. Add Social Media Link.
  7. f. Add the featured image as a slider.
  8. g. Click on 'publish' button at top right of page. And Enjoy the Slider.
  9. Add New Slider

Setting up slider content On/Off:

  1. Step:2 Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  2. a.Hide content Off:
  3. b.Slider Animation Display
  4. c.Set slider overlay Background color & opacity
  5. d.Add Socials Label
  6. e.Select slider colors
  7. Create New Slider
  8. Create New Slider
  9. Slider Final Look Final display of header

Setting Up Product Categories Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Features Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. c. Add Woocommerce Plugin Set Product Categories
  5. set featured section
  6. c. Set Background color for complete section
  7. d. Add Section Heading & Section Sub Text & select it's colors
  8. d. Add Section Padding
  9. set featured section
  10. set featured section
  11. Product Categories Section Final Look Final display of featured

Setting Up About Us Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> About us Section
  2. a. Manage Background using color/image
  3. b. Set Section Paddding
  4. c. Set Section Overlay Background color & it's opacity
  5. set aboutus section
  6. set aboutus section
  7. d. Add Section Heading, Section Text & Sub Text & colors
  8. set aboutus section
  9. e. Add Button Link & Colors
  10. set aboutus section
  11. Section About Us Final Look Final display of aboutus

Setting Up Book A Table Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Book A Table Section
  2. a. Manage Background using color/image
  3. b. Set Section Paddding
  4. set aboutus section
  5. set aboutus section
  6. c. Add Section Heading, Section Text & Sub Text & colors
  7. d. Add Section Form Shortcode
  8. set aboutus section
  9. e. Add Colors
  10. set aboutus section
  11. Section Book A Table Final Look Final display of aboutus

Setting Gallary Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Gallary Section
  2. a. Manage Background using color/image
  3. b. Set Section Paddding
  4. gallary section
  5. gallary section
  6. c. Add Section Heading, Section Text & Sub Text & colors
  7. set aboutus section
  8. Section Gallary Final Look Final display of aboutus

Setting Up Our Services Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Services Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. set services section
  5. c. Manage Background using color/image
  6. set services section
  7. e. Add Section Heading & Subheading
  8. f. Select colors
  9. set services section
  10. Step 2.Go to Dashboard >>Services Post
  11. a. Select Page
  12. b. Add Services Icon
  13. c. Add Services Title
  14. set services section
  15. d. Select colors
  16. e. Add Button Link
  17. set services section
  18. Secton Our Services Final Look Final display of services

Setting Products Tab Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >>Products Tab Section
  2. a. Manage Background using color/image
  3. b. Set Section Paddding
  4. c. Add Section Heading, Section Text & Sub Text & colors
  5. Step 2. Go to Dashboard >> WooCommerce >> Product >> Select Product Categories
  6. Section Products Tab Final Look Final display of aboutus

Setting Up Call Now Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Call Now Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • c. Manage Backgroun using colors/image
    • set Location section
    • set Location section
    • e. Add Call Now section title & text
    • set Location section
    • f. Add Phone No
    • f. Add Button Text & Link Url
    • set Location section
  2. Final display of Call Now Section Final display of Blog section

Set Blog Recent Post Section

  1. Step1. Go to Dashboard >> Recent Post >> Add New
  2. (a)Add Blog title
  3. (b)Add Content
  4. (c)Add Featured image
  5. (d) Publish
  6. set Blog section
  7. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Recent Post Section
  8. a. Set Disable / Enable Section
  9. b. Manage Background
  10. set Blog section
  11. Set Padding For Section
  12. set Blog section
  13. d. Add Section Heading
  14. e. Add Section Sub Text
  15. f. Select Colors
  16. set Blog section
  17. Step 2. Select Number of Blog members to show
  18. a. Select Blog list
  19. set Blog section
  20. b. Select Other Colors
  21. set Blog section
  22. c. Add Page Link To More Post Or Colors
  23. set Blog section
  24. Final display of Blog Recent Post Section Final display of team

Set Testimonials Section

  1. Step1. Go to Dashboard >> Testimonials Post >> Add New
  2. (a)Add Testimonials title
  3. (b)Add Content Text
  4. (c)Add Featured image
  5. (e)Add Designation
  6. (f) Publish
  7. set Testimonials section
  8. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Testimonials Section
  9. a. Manage Background
  10. set team section
  11. Step 2. Select Number of Testimonials to show
  12. a. Select Testimonials member list
  13. set team section
  14. b. Select Other Colors
  15. set team section
  16. Final display of Testimonials Section Final display of Testimonials

Setting Up Timing & Address Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Timing & Address Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • c. Manage Backgroun using colors/image
    • d. Add Location Map Code
    • f. Add Timing
    • g. Add Location Address
    • h. Set Colors
  2. Location Final Look Final section

Building the Header Menu

  1. Step 1. Go to Dashboard >> Appearance >> Menus.
  2. Step 2. Click on create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Latest Blog, Party, RSVP, We, Our Story from left Side and click on Add to Menu button as show in below image
  6. Step 5. After selecting pages select menu location and click on save menu.
  7. Final Step in Menu

Note : The menu must be available and selected as "Top Primary Menu" under Theme locations to display a proper home page like demos with Pet Clinic theme setup.

Set Page Template

How to select page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Go to Add New button
  • Add New Slider
  • Step 3. select template at right bottom of page
  • select template

Set Widgets

  1. Step 1. Go to Dashboard >> Appearance >> Widets, Drag and Drop the widgets in Primary Sidebar area

Admin Preview

Primary sidebar admin preview

Front End Preview

Primary sidebar front preview

Set Full Width Page

How to select Full Width Page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select default template at right bottom of page
  • Step 4. Click publish button
select Full Width Page template
  • >> Full Width Page
  • select Full Width Page template

    Set Page With Background Image

    How to select Full Width Page with background image:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Image
    • Step 5. Select Background Image
    • select Page With Background Color
  • >> Page With Background Image
  • select Page With Background Image

    Set Page With Background Color

    How to select Full Width Page with background color:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Color
    • Step 5. Select Background color
    • select Page With Background Color
  • >> Page With Background Color
  • select Page With Background Color

    Set Page With Left Sidebar

    How to select Page With Left Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Page With Left Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Page With Left Sidebar template
  • >> Page With Left Sidebar
  • select Page With Left Sidebar template

    Set Page With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Page With Right Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Page With Right Sidebar template
  • >> Page With Right Sidebar
  • select Page With Right Sidebar template

    Set Blog Full Width

    How to select Blog Full Width template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Blog Full Width template at right bottom of page
    • Step 4. click publish button
    select Blog Full Width template
  • >> Blog Full Width
  • select Blog Full Width template

    Set Blog With Left Sidebar

    How to select Blog With Left Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. ClickAdd New button
    • Step 3. select Blog With Left Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Blog With Left Sidebar template
  • >> Blog With Left Sidebar
  • select Blog With Left Sidebar template

    Set Blog With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. clickAdd New button
    • Step 3. select Blog With Right Sidebar template at right bottom of page
    • Step 4. click publish button
    select Blog With Right Sidebar template
  • >> Blog With Right Sidebar
  • select Blog With Right Sidebar template

    Set Contact Us Template

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Contact Page template at right bottom of page
    • Step 4. click publish button
    • select Contact Page template
    • Step 5. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
    • Step 6. fill Contact us details
    • (a) Contact Page Title
    • (a) Contact us Address Label
    • (a) Contact us Address
    • (c) Contact us Phone
    • (b) Contact us Email
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template select Contact Page template
    • (e) Add Form Shortcode
    • (b) Select Colors
    • select Contact Page template
    • (f) Code Enter For Map
    • (g) Add Social media
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template
  • >> Contact Us Template
  • select Contact Page template

    Set Testimonial Shortcode

    1. Step 1. Go to Dashboard >> Testimonials
    2. (i) Click Add New button
    3. (ii) Add Clien't name
    4. (iii) Add Clien't designation
    5. (iv) Add Content
    6. (v) Select Featured Image
    7. (vi) Click On Publish Button
    8. team
    9. Step 2. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Testimonial Shortcode "[UN_TESTIMONIALS]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 3. Used Testimonial shortcode in page
    15. team
    16. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors
    17. (i) in which go to Testimonial Page colors
    18. team
    19. >> After adding shortcode Testimonial [UN_TESTIMONIALS] look
    20. team

    Set Team Shortcode

    1. Step 1. Go to Dashboard >> Teams
    2. (i) Click Add New button
    3. (ii) Add Team Member Name
    4. (iii) Add Content
    5. (iv) Add Desingation
    6. (v) Add Featured Image
    7. (vi) Add Socials
    8. (vii) click publish button

    9. team
    10. Step 2. Go to Dashboard >> Page
    11. (i) Click Add New button
    12. (ii) Add Team Shortcode "[UN_TEAM]"
    13. (iii) Select Default template at right bottom of page
    14. (iv) click publish button

    15. Step 3. Used Team shortcode in page
    16. team
    17. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    18. (i) Select Team Page Colors colors
    19. team
    20. >> After adding shortcode Team [UN_TEAM] look
    21. team

    Set FAQS Shortcode

    1. Step 1. Go to Dashboard >> FAQS
    2. (i) Click Add New button
    3. (ii) Add Question
    4. (iii) Add Answer
    5. (iv) click publish button

    6. faqs
    7. Step 3. Go to Dashboard >> Page
    8. (i) Click Add New button
    9. (ii) Add FAQS Shortcode "[UN_FAQS]"
    10. (iii) Select Default template at right bottom of page
    11. (iv) click publish button

    12. Step 4. Used Faqs shortcode in page
    13. faqs
    14. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    15. (i) Select Faq Page Colors colors
    16. faqs
    17. >> After adding shortcode FAQS look
    18. faqs

    Set Inner Pages Heading Fonts

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Page Font Settings

    Shop Sidebar Display

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shop Page Sidebar Display Settings
    2. img

    Arrange Sections Order

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Section Order
    2. img

    Manage Breadcrumb

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Manage Breadcrumb
    2. img

    Other Settings

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Other Settings
    2. img img