Elegant Pink Pro Documentation

Important Note:

Before beginning the installation process, please make sure you are using the latest version of WordPress and the Theme.

Theme Documentation:

Thank you for choosing Elegant Pink Pro! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme, or need assistance with anything related to the theme, please feel free to post your questions on our support forum and our support team will be happy to assist you.

 

Congratulations!

 You have chosen one of a beautiful WordPress  Theme created with love. 

The main goal of the documentation is to provide guidance and walk-through to set up the theme for your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. First, we'll make sure that everything is ready for the installation, then we'll set up the theme, and cover some initial configuration and customization options.

Getting Started

Let’s get started!  First, make sure that you have all the necessary things required to install Elegant Pink Pro.

Theme Requirements

Make sure you have the latest version of WordPress installed, by checking the updates tab from your current WordPress dashboard.

Theme Requirements

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/ .

Although Elegant Pink Pro will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

After you have the latest version of WordPress, download the theme, and save it somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

 

Theme Files

WordPress Theme Files— This ( elegant-pink-pro.zip) is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Elegant Pink Pro theme.  You may either upload the elegant-pink-pro.zip file using the WordPress theme installer (Recommended), or you can unzip elegant-pink-pro.zip and upload the unzipped folder via FTP (Advanced).

Method 1 ( Recommended) : Install Using the WordPress Theme Installer

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Themes in the WordPress Dashboard
    Themes
  3. Click on the Add New button
    Add-New-Theme
  4. Click on the Upload Theme link
    Upload-theme2
  5. Click on Choose File, select the elegant-pink-pro.zip file from your computer and click upload.
  6. Click Install Now.
    Install-Now

Method 2: Install Using File Transfer Protocol (FTP)

  1. Unzip “elegant-pink-pro.zip” file on your computer.
  2. Login using FTP client to access your host web server.
  3. Locate the wp-content folder in your WordPress install files.
  4. Upload the un-zipped Elegant Pink Pro folder into the: wp-content/themes folder.

For More Information about installing theme using FTP visit : http://codex.wordpress.org/Using_Themes#Adding_New_Themes

 

Step 2: Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu.
  3. Hover over the theme thumbnail and click the Activate button.

Plugins Installation

Installing Plugin:

To install a plugin in your WordPress admin panel and follow the following steps.

  1. Navigate to Plugins > Add New.
    Install Pluglin
  1. Search for the name of the plugin you wish to install which will return a list of potential plugins.
  2. Click Details to read more about a plugin.
  3. Click “Install Now” if you wish to install the plugin.Plugin-Install-Web
  4. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  5. After the plugin is downloaded. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.Plugin-Activate

Recommended Plugins:

We recommend you to download the following plugins when necessary:

  1. Jetpack by WordPress.com, by: Automattic

The plugin provides a variety of complementary features for your Theme.

  1. Regenerate Thumbnails by Alex Mills (Viper007Bond)

If you have existing content, this will help you update your image thumbnails sizes.

  1. Contact Form Seven by Takayuki Miyoshi

The theme  allows you to display and manage contact form in your website.

General Settings:

  1. Go to Appearance > Customize > General Settings
  2. Enable or Disable Light Box.  ( Blue is enabled)
  3. Enable or Disable Ajax Quick Search. ( Blue is enabled)
  4. Choose Pagination Type .
  5. Click Save and Publish.
    General setting Elegant Pink

Header Settings:

 Site Identity 

  1. Go to Appearance > Customize > Header Settings > Site Identity
  2. Click Select Logo and upload your logo.
  3. Enter Site Title and Tagline.
  4. Check Display Site Title and Tagline for Site Title and Tagline to display on the header.
  5. Click Select Image and upload Image for Site Icon.
  6. Click Save and Publish.
    Elegant Pink Pro- Site Identity

Header Layout: 

  1. Go to Appearance > Customize > Header Settings > Layout Settings
  2. Choose the header layout by clicking on the Image.
  3. Click Save and Publish.
    Header Layout-Elegant Pink pro (1)

Miscellaneous Header Settings: 

  1. Go to Appearance > Customize > Header Settings > Misc Setting
  2. Choose to Show or Hide Search Button in Header using the toggle. (Blue is to show)
  3. Choose to Enable or Disable Sticky Menu using the toggle. (Blue is to Enable)
  4. Enter Phone Label, Phone, Email Label and Email.
  5. Click Save and Publish.
    Misc Setting - elegant Pink Pro

Slider Settings: 

Slider Contents:

 Slider using Posts 

  1. Go to Appearance> Customize> Slider Settings> Slider Contents
  2. Choose Slider Type to Post
  3. Choose Posts to be displayed as slider under Choose Post One, Choose Post Two, Choose Post Three, Choose Post Four, and Choose Post Five.
    • The featured Image of the selected posts will appear as Slider Image.
    • Post Title of the selected post will appear as Slider Title.
    • Post Excerpt will appear on the Slider as slider Content. The first few sentences of the post content will appear as slider content if the Post excerpt is not entered.
  4. Enter Readmore Text.
  5. Click Save and Publish.
    Slider using Posts

Slider using Category 

  1. Go to Appearance> Customize> Slider Settings > Slider Contents
  2. Choose Slider Type to Category
  3. Choose the Slider Category.
    • The featured Image of the posts under selected category will appear as Slide Images.
    • Post Title of the post under the selected category will appear as Slide Title.
    • Post Excerpt will appear on the Slider as slide Content. The first few sentences of the post content will appear as slide content if the Post excerpt is not entered.
  4. Enter Readmore Text.
  5. Click Save and Publish.
    Category Slider - Elegant Pro

Slider using Custom

  1. Go to Appearance> Customize> Slider Settings > Slider Contents
  2. Choose Slider Type to Custom.
  3. Click on Slides #
  4. Click Add Image to upload an Image.
  5. Enter Title, description and Link for the Slide
    Slider Cutom Selction
  6. Click Add new Slide to add new Slide.
  7. Enter Readmore Text.
  8. Click Save and Publish.
    Custom Slider - Elegant Pink

Slider Options:

  1. Go to Appearance> Customize> Slider Settings> Slider Options
  2. Enable Home Page Slider using toggle to display it on the home page. (Blue is enabled)
  3. Enable Slider to Auto Transition using toggle for the slides to transition automatically (auto-scroll) without a click. (Blue is enabled)
  4. Enable Slider Loop using toggle to continue the slide transition in the loop. (Blue is enabled)
  5. Enable Slider Control using toggle to allow manual navigation for paging control of each slide. (Blue is enabled)
  6. Enable Slider Caption using toggle to show the post title to appear on the slider post image. (Blue is enabled)
  7. Select the Slider Transition type to “fade” or “slide”
  8. Choose Slider Speed, Slider Pause, and Character Count for Slide Content using slider.
  9. Click Save & Publish.
    Slider Option

Home Page Layouts:

  1.  Go to Appearance> Customize> Home Page Settings
  2. Choose a Homepage Layout by clicking on it
  3. Click Save & Publish.
    Homepage Layout- elegant Pink

Breadcrumb Settings

  1. Go to Appearance> Customize> Breadcrumb Settings
  2. Enable Breadcrumb using toggle to activate breadcrumb. ( blue is enabled)
  3. Enable or disable Show Current ( Blue is enabled)
  4. Enter Breadcrumb Home text and Breadcrumb Separator.
  5. Click Save & Publish.
    Breadcrumb Settings- Elegant Pink Pro

Post Page settings:

  1. Go to Appearance> Customize> Post Page Settings
  2. Enable Show Author Bio to show Author Bio using toggle.
  3. Enable Show featured Image to display featured Image.
  4. Enable Show Comments to display comments on Page.
  5. Enable Highlight Author Comment to highlight author’s comment on comment section.
  6. Enable Show Related Post to display related Post.
  7. Choose related Post taxonomy if you have enabled Show Related Post.
  8. Select Before Post widget and After Post widget. (You need to first create sidebars and add widgets to it before selecting the sidebars for before Post Widget and After Post Widget. To learn how to create a sidebar read Add a sidebar. To learn how to Add widget to sidebar read Widgets)  
  9. Click Save & Publish
    Post page Settings- EPP

Post Meta  settings

  1. Go to Appearance> Customize> Post Meta Settings.
  2. Choose meta for Post meta Single Page and Post Meta Other pages. You can also change the order of Meta by using drag and drop. Available Meta are Date, author, category and Tag.
  3. Select No of character of Post excerpt
  4. Enter Post Read More Text
  5. Click Save & Publish.
    Post meta Setting- EPP

Font (Typography)  Settings:

You can find theme font options by navigating to Go to Appearance> Customize> Typography Settings
Typography setting - EPP

This will allow you to configure the typography used on your site. You are able to configure fonts, variant, size, color ( Using Color pallet)  and line height to apply the settings to.
Typography Settings- EPP

Click Save & Publish, once you are satisfied with your configurations.

Styling Options

  1. Go to Appearance> Customize> Styling Options
  2. Select Layout Style for Single Posts and Archive pages
  3. Select Color Scheme using color pallet.
  4. Configure Background Color, Body background or upload Background image as desired.
  5. Click Save & Publish.
    Styling options - EPP

Sidebar Settings: 

Add a Sidebar

  1. Go to Appearance> Customize> Sidebar Settings
  2. Click Add New sidebar
  3. Give the sidebar name and unique id.
  4. Click Save & Publish.
    Create an Sidebar Elegant Pink pro

Sidebar Settings

  1. Go to Appearance> Customize> Sidebar Settings
  2. Choose the Sidebar for various Pages like, Homepage, Single Pagegle Post Page etc.

The sidebar selected under the particular pages will be displayed on the page.

For example:  Home Sidebar: Appears only in homepage.

  1. You can Add widgets to sidebar from Appearance> widgets.
  2. Click Save & Publish.
    Sidebar Settings- EPP

Social Settings:

  1. Go to Appearance> Customize> Social Settings
  2. Enable Social Links in Header to show it in header
  3. Enable Social Links in Footer to show it in footer.
  4. Add Social Links by clicking Add new Link .
    add social Media - EPP
  5. Choose Social Icon and enter link of your respective social media Page.Social Setting Media- EPP
  6. Click Save and Publish.

Configuring Custom Menus

Option 1:

  1. Go to Appearance > Customize>Menus  in the WordPress Dashboard
  2. Click on Add new menu  button.
    Creating menu
  3. Give a name to your menu in Menu Name and click Create Menu button.
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
    Menu setting- EPP
  5. Order the menu items by using drag and drop function in Menu structure Panel.
  6. Check the Menu locations to Primary. 
  7. Click Save and Publish after adding required pages, categories in the menu.

Option 2:

  1. Go to Appearance > Menus  in the WordPress Dashboard.
  2. Click on Create a new menu link.menu3
  3. Give a name to your menu in Menu Name and click Create Menu button.menu4
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
  5. Order the menu items by using drag and drop function in Menu structure Panel.
  6. Click Save Menu after adding required pages, categories in the menu.Menu 3-EP

Widgets:

Adding a widget:

Option 1:

  1. Navigate to Appearance> Widgets
  2. Drag the desired widget to  the desired widget space. There is a description of each included widget that you can choose from.
    Widget1-EP

Option 2:

  1. Go to Appearance > Customize > Widget
  2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
  3. Click Add a Widget. There is a description of each included widget that you can choose from.
  4. Click on the desired widget.
  5. Drag and reorder the widget as desired
  6. Click Save & Publish.
    Widget EPP

Remove  Widget

  1. Go to Appearance> Customize>Widget
  2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
  3. Click the widget you want to delete and click delete.
  4. Click Save Changes.
    Delete Widget

Static Front Page

  1. Go to Appearance> Customize> Static Front Page
  2. Select Your latest Posts under Front Page displays. (To automatically display latest post in homepage).
  3. Select  Static Front Page, If you’d rather have your Homepage remain consistent.
  4. Click Save & Publish.
    Static front page - EPP

Footer Settings: 

  1. Go to Appearance> Customize> Footer settings
  2. Enter Footer Copy Right text
  3. Hide or Show Author Link and WordPress Link. (Blue is Hide)
  4. Click Save and Publish.
    Footer Settings EPP

Custom Codes:

  1. Go to Appearance> Customize> Custom Codes
  2. Click Open Editor to open editor, enter your codes.
  3. Click Save and Publish.
    Custom Codes EPP

Add a Blog Post

  1. Go to Posts>Add new.
    Posts-add-new
  2. Select the post format on the right sidebar.
  3. Give a title and fill it with content
  4. Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.
    set feature image
  5. Click Publish

Adding Excerpt in the Post

  1. For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.
  2. Click Edit below the post name.
    adding excerpt one
  3. Click on the Screen Option on the top left side of the screen.
    adding-excerpt-2
  4. Check Excerpt.
    adding-excerpt-4
  5. A content box for excerpt will appear below the content section. Enter the required details.
    adding-exert-5
  6. Click Publish or Update

Post Formats

This theme has built-in functionality for all the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.
Post Format-Travel Diaries

Gallery Post Format

For Inserting Gallery in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

  1. Navigate to Jetpack>Settings on the dashboard
  2. Activate the Carousel and Tiled Galleries option by clicking Activate link.Jetpack-gallery
  3. Navigate to the Post where you want to insert the gallery and come its Edit window
  4. Click Add Mediajet-pack-1
  5. Click Create Gallery
  6. Upload and select the desired images for the gallery and click create a new Gallery.jetpack3
  7. Choose the desired Size and Type of your gallery display.
  8. Use drag and drop to order the picture.
  9. Click Insert Gallery.
    jetpack 4
  10. Click Preview to preview the post and click Publish when you are satisfied.

Create a New Page

  1. Go to Pages > Add New.
    Add Page
  2. Enter the Page Title for the Page
  3. Write the required Text in the content section
  4. Click Publish.

Short codes

You can easily access short codes while you create a new page or a new Post.

Elegant Pink Shortcodes

You can select and insert various layouts and Elements in your Page or Post with a simple click using it.

Quick Specs

Recommend Image sizes for Elegant Pink Pro

Post featured image ( with Sidebar)

  • Width: 780px;
  • Height: 300px;
  • Ratio: 1.67:1

Full-width image:

  • Width: 1180px;
  • Height: 450px;
  • Ratio: 1.66:1

Page featured image:

  • Width:780px;
  • Height: 467px;
  • Ratio: 1.67:1

Slideshow background image:

  • Width: 1800px;
  • Height: 696px;
  • Ratio: 2.58:1

Site Logo:

  • Width: 239px;
  • Height: 67px;
  • Ratio: 3.56:1

We recommend you to use Regenerate thumbnails plugin to crop all the images if you have already uploaded the Images.

Helpful Tips

  1. We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit:https://codex.wordpress.org/Child_Themes
  2. Always keep Back Up of your theme before making any changes to the theme.
  3. If you get any problem in using the theme, you can do the following things:
    • Deactivate the plugins, sometimes plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
    • Replace the latest modified code with the original code.
    • If the issue still pertains, feel free to contact our Support Forum.
Get all our 17 premium themes worth $1173 at just $199! Lifetime Access and Updates.Get it Now!
+

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match