Welcome to the documentation of Blossom Pin Pro theme– A modern masonry layout theme with advanced features for stunning your audience!

First of all, thanks for choosing the theme. Our team created it with a lot of hard work and love. We hope your website is blossoming with Blossom Pin Pro theme.

Blossom Pin Pro is a stylist Pinterest-style free WordPress theme with an infinite scroll feature. Intuitive grid layout, fully responsive design, SEO optimized with Schema ready code, and easily customizable settings make Blossom Pin Pro one of the most trendy WordPress theme for personal bloggers.

Get started with your personal blog or an online store that your visitors and Google will love without writing a single line of code!

About This Theme Documentation:

This documentation covers the installation, the usage, and the different settings available in the customizer of the theme.

The main goal of the documentation is to provide you with the guidance and walk-through to set up the theme on your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. So, we encourage you to go through this document and keep it handy for reference.

If you have any questions about the theme or need any kind of assistance with anything related to the theme, please feel free open a support ticket. Our support team will be happy to assist you.

In this documentation, 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.

How to use this Documentation?

We recommend you to go through each step of the documentation to have a better understanding of the theme and its features.

However, if you are looking for a specific section, you can easily navigate using our table of contents on the left-hand side of the screen.

If you want to find a specific keyword, hit “Ctrl+F” on your browser to start searching.

Requirements for Getting Started

Make sure Blossom Pin Pro is compatible with your WordPress version.

Blossom Pin Pro will work with 4.5 and above versions of WordPress.

However, for the best experience, added features, and updated security patches, we recommend you to update your WordPress to the latest version.

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

Checklist for Getting Started:

  • Check the WordPress Version and Update it
  • Install and Activate Blossom Pin Pro theme
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins

Recommended Image Size (in px)

Featured Image: 2000×1500

Blossom Pin Pro Schema: 600X60

Blossom Pin Pro Slider: 375X450

Blossom Pin Pro Slider-two : 1903X660

Blossom Pin Pro Slider-three: 1186X 85

Blossom Pin Pro Slider-four: 787X588

Blossom Pin Pro Slider-five: 291X585

Blossom Pin Pro Slider-six: 1303X650

Blossom Pin Pro Archive: 224X280

Blossom Pin Pro Related: 374X249

Blossom Pin Pro Blog Layout-three: 1200X1500

Blossom Pin Pro Blog Layout-four: 357X536

Blossom Pin Pro Blog Layout-five: 352X440

Blossom Pin Pro Single Layout-one: 802X1002

Blossom Pin Pro Single Layout-two: 802X534

Blossom Pin Pro Single Layout-three: 1186X585

Blossom Pin Pro Single Layout-five: 1903X595

Getting Started

How to Check and Update the WordPress version:

  • Log in to the WordPress admin panel
  • Go to Dashboard >Updates and update the theme if there is an update available

check wordpress.png

How to Install and Activate Blossom Pin Pro Theme

After you have the latest version of WordPress, save the downloaded Blossom Pin Pro theme file (blossom-pin-pro.zip) somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Blossom Pin Pro theme file includes:

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

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

Now, to install and activate the theme follow these steps or the above gif:

  • Log in to WordPress Dashboard
  • Go to Appearance > Themes
  • Click on Add New button

  • Click on Upload Theme

  • Click on “Choose File…”, select the “blossom-pin-pro.zip” file from your computer and click Open
  • Click Install Now

  • After the theme is installed, click on “Activate” to use the theme on your website

Installing Recommended Plugins

You must install and activate the following plugins to get the best out of Blossom Pin Pro theme.

BlossomThemes Instagram Feed by Blossom Themes:

This plugin lets you add the Instagram feed to your website. The plugin also generates Instagram shortcode that you can add in your posts and Instagram widget that you can add in the sidebars.

BlossomThemes Email Newsletter by Blossom Themes:

This plugin is needed to add a newsletter subscription form on the newsletter section. The plugin also creates a newsletter widget that can be used in the sidebars.

BlossomThemes Toolkit by Blossom Themes:

This plugin generates 12 very useful widgets for you to use. It creates widgets like popular posts, advertisement box, author bio, social media feed, etc.

Regenerate Thumbnails by Alex Mills (Viper007Bond):

If you have existing content, this will help you update your images thumbnail sizes. To update the thumbnails, you must run this plugin.

jQuery Pin It Button for Images by Marcin Skrzypiec:

If you’re looking for an easy way to pin images in your blog posts and pages, this plugin will help you with that. It highlights images and adds a “Pin it” button over them once the user hovers his mouse over an image. Once the user clicks the “Pin it” button, the plugin shows a pop-up window with the image and a description.

How to Install Recommended Plugin:

  • Go to Appearance> Install Plugins

  • Click “Install” to install the plugins

  • Click “Activate” to activate the plugins

How to Setup the Front/Landing/Home Page

To get started with customizing the theme, you first may need to set up a front page. To make the theme look like the demo, you need to select the homepage display as the latest posts. The latest posts are selected by default when you first install the WordPress. But, if you are using the theme on an existing WordPress installation, make sure your front page is set as latest posts.

  • Log in to the WordPress Admin Panel.
  • Go to Appearance>Customize > Homepage Settings
  • Select Your latest posts under Your homepage displays
  • Click Publish

How to add/edit a Logo and Favicon (Site Icon)

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Site Identity
  • Click Select Logo and upload your logo
  • Enter Site Title and Tagline
  • Check Display Site Title and Tagline if you want to show your website’s name and tagline
  • Click Select Image and upload Image for Site Icon (favicon)
  • Select the font, font style, and font size for the site title and tagline
  • Click Publish

Colors (Change Color of the Theme)

You can change the primary color of the theme from here.

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > Colors
  • Click on “Select Color” and select the primary color and background color
  • Click Publish when you are satisfied

Background Settings

You can change the background color of the theme using this menu. You can keep image or pattern as the background of the website with this menu.

To change the background of the website, follow the given steps:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Appearance Settings > Background
  • Click on Select the background color, image or pattern of your choice
  • Choose from the preset option if you are using an image as background
  • Click Publish when you are satisfied

Layout Settings

You can change the style and layout of your theme from here. You can choose from 6 Header layouts, 8 Slider layouts,18 Home Page layout, and 6 Single Post Page layout. You can also choose from 4 different pagination styles.

Header Layout (Choose from 6 styles)

  • Go to Appearance > Customize > Layout Settings > Header Layout
  • Choose the layout you like the most. If you want to show the banner ad, choose layout no. 7.
  • Click Publish when you are satisfied

Slider Layout

  • Go to Appearance > Customize > Layout Settings > Slider Layout
  • Choose the style you want to use on the slider
  • Click Publish

Home Page Layout (Choose from 18 styles)

  • Go to Appearance > Customize > Layout Settings > Home Page Layout
  • Choose the style you want to use for the home page. The home page layout starts after the sticky post section if there is a sticky post. Otherwise, it starts after featured area.
  • Click Publish

Single Post Layout (Choose from 6 styles)

  • Go to Appearance > Customize > Layout Settings > Single Post Layout
  • Choose the style you want to use on the post page. If you are not using the right sidebar on the posts, the style will adapt accordingly.
  • Click Publish

General Sidebar Layout

You can set the sidebar of the website with this menu. You can have different sidebars for a page, post page and default sidebar for the entire website.

To change the sidebar layout, please follow the below steps:

  • Login to WordPress Admin Panel
  • Go to Appearance > Customize >Layout Settings>General Sidebar Layout
  • Select the Page Sidebar Layout, Post Sidebar layout and Default Sidebar Layout as per your wish
  • Click on Publish

Pagination Settings

You can change the Pagination type from this menu.

To change the pagination type, follow the below steps:

  • Login to WordPress Admin Panel
  • Go to Appearance > Customize >Layout Settings>Pagination
  • Select the pagination type you want
  • Click on Publish

Typography Settings

You can change the fonts of your contents and Heading here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Typography
  • Select the content type to change its typography

  • Configure Font family, Style, and Size.
  • Click Save & Publish

General Settings

You can choose a static image, video, or a slider as your banner. The banner will be displayed at the top of your website.

Setting Banner as Slider:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Banner Section
  • Choose either Banner as Slider
  • Select the Slider Content Style as Latest Post or Category for sliders.
  • Choose the number of slides you want to display.
  • Enable Auto Slider if you wish to have automatic transition in slider
  • Enable the slider loop if you want to repeat the sliders
  • Adjust the slider speed
  • Enable Full Image if you wish to show full image size in the slider
  • Click on Publish

Setting Banner as Static/Video Banner:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Banner Section
  • Choose either Banner as Static/Video Banner
  • Select/Upload the Video or the link of the video or the Header image of your choice. If you select a video, the image will not be displayed.
  • Enter the Title/Sub title for the banner section
  • Enter the Banner Label and Banner Link
  • Click on Publish when you are satisfied

You can Select Disable Banner Section to hide the banner section.

Featured Area Settings

  • Go to Appearance > Customize > Layout Settings > Featured Area Layout
  • Enable the featured area (Blue is Enabled)
  • Choose the style you want to use on the featured section
  • Click Publish

Social Media Settings

You can add social media links and enable/disable social media on the header from here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Media Settings
  • Enable Social Links. Blue is enabled. When you enable the social links, social media icons will be displayed in the header as well as on newsletter section.

  • Click “Add new links” button to add a social media icon.
  • Enter the icon and link for the social media. Click on a link to edit it. Click on “Remove” to remove a social icon.
  • Click Publish

Social Sharing

You can add social sharing buttons on the post page and archive page. You can add Facebook, Twitter, Pinterest, Google Plus, LinkedIn, Email, Reddit and other popular social media.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Sharing
  • Enable Social Sharing Buttons. Blue is enabled
  • Enable Open Graph Meta Tags if you are not using any SEO plugins
  • Enable Normal Social Share if you want to share the single post
  • Enable Sticky Social Share if you want to see social sharing icons while scrolling
  • Click on the eye icon at the beginning of a social network to enable or disable it
  • Drag the social media up or down to arrange them.
  • Click Publish

SEO Settings

You can enhance your website’s SEO from here. You can enable last update date on single post page here. You can also enable/disable breadcrumb in this panel.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > SEO Settings
  • Enable Last Update Post Date to boost your SEO. Blue is enabled. When you enable this, Google can read the post updated date and index your latest content.
  • Click Publish

Post (Blog) & Pages Settings

You can manage single post page settings like an excerpt, related posts, popular posts, etc.

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
  • Hide/Show prefix in Archive page
  • Enable Blog Excerpt if you want to show the summary of the posts. Blue is enabled. If enabled, select the number of words for the blog excerpt and read more label
  • Fix the Excerpt length as per your desire
  • Enable Hide Category if you do not wish to display the categories on the website
  • Enable Hide Author if you don’t want to show author section on the blog page
  • Enable Time ago format to show time ago date format on a single post
  • Enable Hide Post Date if you do not want to show the post date
  • Enable Hide author section if you do not want to show the author section
  • Enable Related posts to show related posts on a single page
  • Write related posts section title
  • Enable Show Comments to show comments on Page/Posts
  • Enable sticky header to make header sticky while scrolling
  • Enable Show recommended articles if you want to show recommended articles on a single post page
  • Click Publish

Newsletter Settings

You need to have BlossomThemes Email Newsletter plugin installed and activated for this setting.

You can add subscription form on the newsletter section of your website from here. To add a newsletter, you need to create a newsletter first and copy & paste the newsletter shortcode.

You can Enable the Newsletter section from this menu and Paste the Shortcode to display the Newsletter.

Creating Newsletters

  • Log in to WordPress Admin Panel.
  • Go to BlossomThemes Email Newsletter > Add New

  • Enter the title of the newsletter.
  • Select the options in the Field Settings. Select “Name and Email” if you want users to enter their Name and Email to subscribe to your newsletters, otherwise select “Email”.
  • Enter Name and Email placeholder.
  • Enter the label for the Submit button.
  • Enter Form note. The note will be displayed below the Title.
  • From the Appearance Settings, edit the appearance of the newsletter form
  • Click on Publish to create the newsletter

Configuring Newsletters

  • Log in to WordPress Admin Panel.
  • Go to BlossomThemes Email Newsletter >General Settings>Newsletter Settings
  • Enable the Newsletter Section
  • Paste the Newsletter Shortcode
  • Click on Publish

Instagram Settings

You can add your Instagram feed on your website from here.

To display your Instagram feed, you need to install and activate BlossomThemes Instagram Feed plugin and then, configure your Instagram profile.

Configuring Instagram Profile

  • Log in to the WordPress Admin Panel.
  • Go to BlossomThemes Instagram Feed > General

  • Enter your Instagram username
  • Enter the number of photos you want to display from your Instagram feed.
  • Enter the number of photos you want to display at a time in Number of Photos Per Row
  • Enter the Instagram Profile link text
  • Check “Show Likes/Comment” if you want to show likes and comment count of your Instagram profile on your website
  • Click Save Changes

Adding Instagram Section

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Instagram Settings
  • Enable Instagram Section. Blue is enabled
  • Click Publish

Misc Settings

You can change various settings from this menu.

To change the Misc Settings, please follow the given steps:

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Misc Settings
  • Enable/Disable Admin Bar (Blue is Enabled). Disabling the Admin Bar will hide the Admin panel when you view your own website
  • Enable Post Like to show the option to react on posts on the homepage
  • Enable/Disable the Lightbox (Pop-up that allows the visitors to view larger images without leaving the current page). Blue is Enabled.
  • Enable/Disable the Header Search in the header (Blue is Enabled). Disabling the search box will hide the search box on the homepage
  • Enable/Disable the Sticky Header (Blue is Enabled). Disabling the sticky header will hide the header while scrolling down
  • Enable/Disable the last sticky Widget in the sidebar (Blue is Enabled). Enabling the sticky sidebar widget will show the last widget while you scroll.
  • Enable/Disable the first letter in the post/page in a Drop cap (Blue is Enabled). Disabling the drop cap will make the first letter of post/page small in size.
  • Click Publish

Sidebar Settings

You can add and configure sidebars here. But, to add tools to the sidebar you should go to Appearance>Widgets.

Add a Sidebar

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Sidebar Settings
  • Click Add New sidebar
  • Give the sidebar a name
  • Click Save & Publish

sidebar add.png

You can see the new sidebar in Appearance> Widgets. Add a widget to the sidebar and click save to configure the newly created sidebar.

Configure Sidebar

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Sidebar Settings
  • Select Sidebars for various Pages, like Homepage, Single page, Single post page, archive page, category page, tag archive page, date archive page, author archive page, search page, etc. The sidebar selected under the particular pages will only be displayed on the page. For example, Blog Page Sidebar appears only on the blog page.
  • Click Save & Publish

You can place ads at Google Adsense Optimized spots in Blossom Feminine Pro theme. You can place ads on 4 spots.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Advertisement Settings
  • Enable the Ad for the spot
  • Enable Header Ad code if you have a code for the advertisement. Otherwise, upload an image and enter ad link

  • Enable Open Link in a Different tab if you want to open the ad link in a new tab when users click ad
  • Click Publish

Performance Settings

You can Enable performance settings to make your website load fast. You have options to enable/disable following performance metrics.

  • Lazy Load
  • Lazy Load Content Images
  • Defer JavaScript
  • Remove ver parameters

To change the Performance Settings

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Performance Settings
  • Enable Lazy Load to enables lazy loading of featured images.
  • Enable Lazy Load Content Images to enables lazy loading of images inside page/post content.
  • Enable/Disable Defer JavaScript
  • Enable/Disable Remove ver parameters to remove “ver” parameter from CSS and JS file calls
  • Click Publish

Navigation Menus (Create and Edit Menu)

You can create navigation menu from Customizer or from Dashboard. This theme supports two menus: Primary and Secondary. If you need more than two menus, you can add them in the sidebar using “Navigation Menu” widget.

Create a New Menu from Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance > Customize> Menus in the WordPress Dashboard
  • Click on Create a New menu button

  • Give a name to your menu and select whether you want to display the menu on Primary or Secondary location. If you select a primary location, the menu will be displayed below the logo. If you select the secondary location, the menu will be displayed above the logo.
  • Click Next

  • Click “Add Items” to add items (pages, posts, categories, custom links…) to the Menu
  • Click “+” icon on the items list to add the item to the menu
  • Drag and Drop the added items to rearrange them.
  • Click Publish

Create Menu from Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Menus in the WordPress Dashboard

  • Click on create a new menu.

menu dash create.png

  • Give a name to your menu in Menu Name and click Create Menu button.

menu dash save.png

  • Select the items from Pages, Posts, Custom Links, or Categories and click “Add to Menu”.

menu dash add.png

  • Drag and Drop the added items to rearrange them.
  • Check the Menu location to Primary or Footer
  • Click Save Menu

Widgets

You can add the widgets to the sidebar in two ways – via Dashboard and Customizer

Adding Widgets via Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Widgets
  • Make sure you are on the page you want to add widgets to.
  • Click on the desired Sidebar or location (the one you want to add widgets to). You can add widgets on Footer as well
  • Click on Add a Widget to add widgets
  • Select desired Widgets and give a title to the widget
  • Click Add a Widget to add more widgets in the sidebar
  • Drag and reorder the widget as desired
  • Click Publish

Adding Widgets via Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance> Widgets
  • Available widgets are listed on the left-hand side while Sidebars are listed on the right side (including the sidebars you create)
  • Drag and drop the widgets to the desired sidebars. Or, click on the widget and select the sidebar you want to add the widget to.

Footer Section

The theme has 3 widgets area in the footer. You can add various widgets to the area. To add widgets in the footer, go to Appearance> Customize>Widgets and select the Footer Location (footer one, two, three) and add the widgets.

Footer Credit Settings

You can edit the footer credit using this setting.

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> Footer Settings
  • Enter your desired footer credit text
  • Click Save & Publish when you are done.

The theme allows you to add your own desired credit or copyright text in the footer area of the page. To do this, go to Appearance > Customize > Footer Settings and enter your text in the provided space. Click Publish when satisfied. You can Enable Hide Author and WordPress Link to hide author and WordPress link.

Additional CSS

You can add extra CSS codes here. If you want to modify the color, fonts, or any other CSS effects, you can enter the code here.

  • Login to your WordPress Dashboard
  • Go to Appearance> Additional CSS
  • Enter your code
  • Click Publish when you are done

Useful Tips

  • 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. You can create a child theme using a plugin or manually by following the official guide
  • Always keep a BackUp of your theme before making any changes to the theme

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 pertains, feel free to contact us using our Support Ticket