Thank you for choosing Blossom Diva Free WordPress Theme!

We hope you enjoy this feminine and chic WordPress blog theme, which we have designed especially for you to create lively and eye-catching fashion blogs.

Our team created it with a lot of hard work and love. And we want your website to blossom with our Blossom Diva free theme.

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 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 to 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 given below.

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

Table of Contents

Requirements for Getting Started

Make sure Blossom Diva Free WordPress theme is compatible with your WordPress version.

Blossom Diva will work with 4.7 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 Feminine Free WordPress Theme
  • Install and Activate Blossom Diva Free WordPress Theme
  • Install Recommended Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

  • Blossom Diva Slider-two: 1100 X 614
  • Blossom Diva featured: 1110 X 614
  • Blossom Diva with sidebar: 780 X 614

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 any update available.

How to Install and Activate Blossom Diva Free WordPress Theme

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

The Blossom Diva free theme file includes:

A WordPress Theme Files (in .zip format) — This (blossom-diva.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:

Note Regarding Parent Theme: If you are installing Blossom Diva free theme offline, make sure you have Blossom Feminine Free WordPress theme installed. You need the parent theme to install the child theme. However, if you are connected to the Internet, the parent theme (Blossom Feminine) will be installed automatically from the WordPress repository so you don’t have to worry about it.

  • 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-diva.zip” file from your computer and click Open.

  • Click on 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 Diva free theme.

BlossomThemes Email Newsletter by Blossom Themes:

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

BlossomThemes Instagram Feed by Blossom Themes:

This plugin lets you add an 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 Toolkit by Blossom Themes:

This plugin generates 20 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.

Contact Form 7 by Takayuki Miyoshi:

Contact Form 7 helps you add and manage multiple contact forms.

How to Install Recommended Plugin:

  • Login to your WordPress Admin panel
  • 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 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 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

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

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

Appearance Settings

You can configure the typography, header image and background image of the website using this settings panel.

Typography

Please follow the below method to change the typography of your website:

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Typography
  • Select the Primary Font, Secondary Font and Font Size for your website
  • Click on Publish

Header Image

You can configure the header image of your blog using this settings panel.

Please follow the below steps to configure the header image of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > Appearance Settings > Header Image
  • Click on Add new Image and upload the header image
  • Click on Publish

Background Image

You can change the Background Image of your website using this settings panel.

Please follow the below steps to change the background image of your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Background Image
  • Upload the image you want to keep as website background
  • Select the Image preset, Image Position and Image Size.
  • Click on Publish

Layout Settings

Header Layout

You can change the header layout of your website using this settings panel.

Please follow the below steps to configure the header layout of your blog.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Header Layout
  • Select the Header Layout of your choice
  • Click on Publish when you are done

Home Page Layout

You can select from two different homepage layouts for your website.

Please follow the below steps to configure a homepage layout for your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Home Page Layout
  • Select the Home Page Layout of your choice
  • Click on Publish

Slider Layout

Please follow the below steps to select a Slider Layout for your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Slider Layout
  • Select the Slider Layout of your choice
  • Click on Publish

General Settings

Slider Settings

You can add posts or category slider in this section of the homepage.

Please follow the below steps to configure the slider:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Slider Settings
  • Enable Slider Section
  • Select either Latest Posts or Category to be displayed in your Banner section
  • Enter the Number of Slides that you want to display
  • Click on Publish

Featured Area Settings

You can select content for the featured area here. You can show up to 3 pages in the featured area.

Please follow the below steps to configure the featured area section of your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Featured Area Settings
  • Enable Featured Area. Blue is enabled.
  • Select the pages for the featured area.
  • Click Publish.

Social Media Settings

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

Please follow the below steps to configure the Social Media section on your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Media Settings
  • Enable Social Links. Blue is enabled. When you enable social links, social media icons will be displayed in the header.
  • 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.

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.
  • Enable Breadcrumb. Blue is enabled. Breadcrumb helps in better navigation for search engines and users.
  • Enter the Home Text and Separator for Breadcrumb
  • Click Publish.

Post (Blog) & Pages Settings

You can choose the single post page and page layouts from here. You can also manage other single post page settings like excerpt, related posts, etc.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
  • Select the layout for pages and posts.
  • Enable Blog Excerpt if you want to show a summary of the posts. Blue is enabled. If enabled, select the number of words for the blog excerpt and read more label.
  • Enable Related Posts. Related Posts of the same category will be shown below the blog post.
  • Enter the title for related posts
  • Enable Hide Category if you don’t want to show the category name on blog posts.
  • Enable Hide Author if you don’t want to show the author section on the blog page.
  • Enable Hide Posted Date if you don’t want show posted date on blog posts.
  • Enable Show Featured Image to show the featured image on the blog posts.
  • Enable Hide Prefix in Archive Page if you want to hide the prefix “Category:” from the category archive 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.

Creating Newsletters

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

  • Enter the title for the newsletter.
  • Select the options on 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 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 > Settings
  • Select the email platform– Mailchimp, Mailerlite, or ConvertKit
  • Enter the API key of the email platform.
  • Select whether to display Popup text of Page when a visitor subscribes to your newsletter. If you select popup text, enter a message. If you select page, select the page you want to show.
  • Click Save Changes.

Adding Newsletter on the Newsletter section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Newsletter Settings
  • Enable Newsletter Section. Blue is enabled.
  • Enter the shortcode of the newsletter form you want to show. You can find the shortcode on the left hand side of the newsletter.

  • Click 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.

Please follow the below steps to configure the Instagram section of Blossom Recipe pro:

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > General Settings > Instagram Settings
  • Enable the Instagram Section to display your Instagram images. Blue is enabled.
  • Enter the Instagram Section Title
  • Click on Publish

Configure Instagram Section

  • Login to your WordPress Admin Panel
  • Go to BlossomThemes Instagram Feed
  • Click on Connect with Instagram and get your Instagram Access Token
  • Enter your Instagram Access Token
  • Enter your Instagram Username
  • Select the number of photos you want to display, photo size, photos per row, and profile link text.
  • Click on Save Changes

Shop Settings

Please follow the below steps to configure the Shop Settings if you are using WooCommerce plugin to create an online shop using Blossom Diva free WordPress theme.

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > General Settings > Shop Settings
  • Enable Shop Page Description
  • Click on Publish

Navigation Menus (Create and Edit Menu)

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

Note: If you want to display the menu in the header, select Primary location. If you want to display a menu on the footer, select Secondary location.

You can create a navigation menu in two ways, either from customizer or from the dashboard.

Create a New Menu from Customizer

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

  • Give a name to your menu and select the menu location.
  • 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

  • Enter the Menu name and Click on create a new menu

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

  • Drag and Drop the added items to rearrange them
  • Check the Menu location to Primary or Secondary wherever you want to display the menu.
  • Click on 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
  • 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 the 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 allows you to add your own desired credit or copyright text in the footer area of the page. To do this:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > Footer Settings
  • Enter your text in the provided space.
  • Click Publish when satisfied.

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

Thank you for choosing Blossom Diva Free WordPress Theme!

We hope you enjoy this feminine and chic WordPress blog theme, which we have designed especially for you to create lively and eye-catching fashion blogs.

Our team created it with a lot of hard work and love. And we want your website to blossom with our Blossom Diva free theme.

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 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 to 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 given below.

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

Requirements for Getting Started

Make sure Blossom Diva Free WordPress theme is compatible with your WordPress version.

Blossom Diva will work with 4.7 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 Feminine Free WordPress Theme
  • Install and Activate Blossom Diva Free WordPress Theme
  • Install Recommended Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

  • Blossom Diva Slider-two: 1100 X 614
  • Blossom Diva featured: 1110 X 614
  • Blossom Diva with sidebar: 780 X 614

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 any update available.

How to Install and Activate Blossom Diva Free WordPress Theme

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

The Blossom Diva free theme file includes:

A WordPress Theme Files (in .zip format) — This (blossom-diva.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:

Note Regarding Parent Theme: If you are installing Blossom Diva free theme offline, make sure you have Blossom Feminine Free WordPress theme installed. You need the parent theme to install the child theme. However, if you are connected to the Internet, the parent theme (Blossom Feminine) will be installed automatically from the WordPress repository so you don’t have to worry about it.

  • 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-diva.zip” file from your computer and click Open.

  • Click on 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 Diva free theme.

BlossomThemes Email Newsletter by Blossom Themes:

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

BlossomThemes Instagram Feed by Blossom Themes:

This plugin lets you add an 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 Toolkit by Blossom Themes:

This plugin generates 20 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.

Contact Form 7 by Takayuki Miyoshi:

Contact Form 7 helps you add and manage multiple contact forms.

How to Install Recommended Plugin:

  • Login to your WordPress Admin panel
  • 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 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 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

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

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

Appearance Settings

You can configure the typography, header image and background image of the website using this settings panel.

Typography

Please follow the below method to change the typography of your website:

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Typography
  • Select the Primary Font, Secondary Font and Font Size for your website
  • Click on Publish

Header Image

You can configure the header image of your blog using this settings panel.

Please follow the below steps to configure the header image of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > Appearance Settings > Header Image
  • Click on Add new Image and upload the header image
  • Click on Publish

Background Image

You can change the Background Image of your website using this settings panel.

Please follow the below steps to change the background image of your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Background Image
  • Upload the image you want to keep as website background
  • Select the Image preset, Image Position and Image Size.
  • Click on Publish

Layout Settings

Header Layout

You can change the header layout of your website using this settings panel.

Please follow the below steps to configure the header layout of your blog.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Header Layout
  • Select the Header Layout of your choice
  • Click on Publish when you are done

Home Page Layout

You can select from two different homepage layouts for your website.

Please follow the below steps to configure a homepage layout for your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Home Page Layout
  • Select the Home Page Layout of your choice
  • Click on Publish

Slider Layout

Please follow the below steps to select a Slider Layout for your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Slider Layout
  • Select the Slider Layout of your choice
  • Click on Publish

General Settings

Slider Settings

You can add posts or category slider in this section of the homepage.

Please follow the below steps to configure the slider:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Slider Settings
  • Enable Slider Section
  • Select either Latest Posts or Category to be displayed in your Banner section
  • Enter the Number of Slides that you want to display
  • Click on Publish

Featured Area Settings

You can select content for the featured area here. You can show up to 3 pages in the featured area.

Please follow the below steps to configure the featured area section of your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Featured Area Settings
  • Enable Featured Area. Blue is enabled.
  • Select the pages for the featured area.
  • Click Publish.

Social Media Settings

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

Please follow the below steps to configure the Social Media section on your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Media Settings
  • Enable Social Links. Blue is enabled. When you enable social links, social media icons will be displayed in the header.
  • 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.

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.
  • Enable Breadcrumb. Blue is enabled. Breadcrumb helps in better navigation for search engines and users.
  • Enter the Home Text and Separator for Breadcrumb
  • Click Publish.

Post (Blog) & Pages Settings

You can choose the single post page and page layouts from here. You can also manage other single post page settings like excerpt, related posts, etc.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
  • Select the layout for pages and posts.
  • Enable Blog Excerpt if you want to show a summary of the posts. Blue is enabled. If enabled, select the number of words for the blog excerpt and read more label.
  • Enable Related Posts. Related Posts of the same category will be shown below the blog post.
  • Enter the title for related posts
  • Enable Hide Category if you don’t want to show the category name on blog posts.
  • Enable Hide Author if you don’t want to show the author section on the blog page.
  • Enable Hide Posted Date if you don’t want show posted date on blog posts.
  • Enable Show Featured Image to show the featured image on the blog posts.
  • Enable Hide Prefix in Archive Page if you want to hide the prefix “Category:” from the category archive 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.

Creating Newsletters

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

  • Enter the title for the newsletter.
  • Select the options on 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 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 > Settings
  • Select the email platform– Mailchimp, Mailerlite, or ConvertKit
  • Enter the API key of the email platform.
  • Select whether to display Popup text of Page when a visitor subscribes to your newsletter. If you select popup text, enter a message. If you select page, select the page you want to show.
  • Click Save Changes.

Adding Newsletter on the Newsletter section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Newsletter Settings
  • Enable Newsletter Section. Blue is enabled.
  • Enter the shortcode of the newsletter form you want to show. You can find the shortcode on the left hand side of the newsletter.

  • Click 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.

Please follow the below steps to configure the Instagram section of Blossom Recipe pro:

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > General Settings > Instagram Settings
  • Enable the Instagram Section to display your Instagram images. Blue is enabled.
  • Enter the Instagram Section Title
  • Click on Publish

Configure Instagram Section

  • Login to your WordPress Admin Panel
  • Go to BlossomThemes Instagram Feed
  • Click on Connect with Instagram and get your Instagram Access Token
  • Enter your Instagram Access Token
  • Enter your Instagram Username
  • Select the number of photos you want to display, photo size, photos per row, and profile link text.
  • Click on Save Changes

Shop Settings

Please follow the below steps to configure the Shop Settings if you are using WooCommerce plugin to create an online shop using Blossom Diva free WordPress theme.

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > General Settings > Shop Settings
  • Enable Shop Page Description
  • Click on Publish

Navigation Menus (Create and Edit Menu)

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

Note: If you want to display the menu in the header, select Primary location. If you want to display a menu on the footer, select Secondary location.

You can create a navigation menu in two ways, either from customizer or from the dashboard.

Create a New Menu from Customizer

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

  • Give a name to your menu and select the menu location.
  • 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

  • Enter the Menu name and Click on create a new menu

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

  • Drag and Drop the added items to rearrange them
  • Check the Menu location to Primary or Secondary wherever you want to display the menu.
  • Click on 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
  • 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 the 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 allows you to add your own desired credit or copyright text in the footer area of the page. To do this:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > Footer Settings
  • Enter your text in the provided space.
  • Click Publish when satisfied.

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

Thank you for choosing Blossom Diva Free WordPress Theme!

We hope you enjoy this feminine and chic WordPress blog theme, which we have designed especially for you to create lively and eye-catching fashion blogs.

Our team created it with a lot of hard work and love. And we want your website to blossom with our Blossom Diva free theme.

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 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 to 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 given below.

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

Requirements for Getting Started

Make sure Blossom Diva Free WordPress theme is compatible with your WordPress version.

Blossom Diva will work with 4.7 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 Feminine Free WordPress Theme
  • Install and Activate Blossom Diva Free WordPress Theme
  • Install Recommended Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

  • Blossom Diva Slider-two: 1100 X 614
  • Blossom Diva featured: 1110 X 614
  • Blossom Diva with sidebar: 780 X 614

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 any update available.

How to Install and Activate Blossom Diva Free WordPress Theme

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

The Blossom Diva free theme file includes:

A WordPress Theme Files (in .zip format) — This (blossom-diva.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:

Note Regarding Parent Theme: If you are installing Blossom Diva free theme offline, make sure you have Blossom Feminine Free WordPress theme installed. You need the parent theme to install the child theme. However, if you are connected to the Internet, the parent theme (Blossom Feminine) will be installed automatically from the WordPress repository so you don’t have to worry about it.

  • 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-diva.zip” file from your computer and click Open.

  • Click on 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 Diva free theme.

BlossomThemes Email Newsletter by Blossom Themes:

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

BlossomThemes Instagram Feed by Blossom Themes:

This plugin lets you add an 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 Toolkit by Blossom Themes:

This plugin generates 20 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.

Contact Form 7 by Takayuki Miyoshi:

Contact Form 7 helps you add and manage multiple contact forms.

How to Install Recommended Plugin:

  • Login to your WordPress Admin panel
  • 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 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 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

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

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

Appearance Settings

You can configure the typography, header image and background image of the website using this settings panel.

Typography

Please follow the below method to change the typography of your website:

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Typography
  • Select the Primary Font, Secondary Font and Font Size for your website
  • Click on Publish

Header Image

You can configure the header image of your blog using this settings panel.

Please follow the below steps to configure the header image of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > Appearance Settings > Header Image
  • Click on Add new Image and upload the header image
  • Click on Publish

Background Image

You can change the Background Image of your website using this settings panel.

Please follow the below steps to change the background image of your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Background Image
  • Upload the image you want to keep as website background
  • Select the Image preset, Image Position and Image Size.
  • Click on Publish

Layout Settings

Header Layout

You can change the header layout of your website using this settings panel.

Please follow the below steps to configure the header layout of your blog.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Header Layout
  • Select the Header Layout of your choice
  • Click on Publish when you are done

Home Page Layout

You can select from two different homepage layouts for your website.

Please follow the below steps to configure a homepage layout for your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Home Page Layout
  • Select the Home Page Layout of your choice
  • Click on Publish

Slider Layout

Please follow the below steps to select a Slider Layout for your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Slider Layout
  • Select the Slider Layout of your choice
  • Click on Publish

General Settings

Slider Settings

You can add posts or category slider in this section of the homepage.

Please follow the below steps to configure the slider:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Slider Settings
  • Enable Slider Section
  • Select either Latest Posts or Category to be displayed in your Banner section
  • Enter the Number of Slides that you want to display
  • Click on Publish

Featured Area Settings

You can select content for the featured area here. You can show up to 3 pages in the featured area.

Please follow the below steps to configure the featured area section of your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Featured Area Settings
  • Enable Featured Area. Blue is enabled.
  • Select the pages for the featured area.
  • Click Publish.

Social Media Settings

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

Please follow the below steps to configure the Social Media section on your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Media Settings
  • Enable Social Links. Blue is enabled. When you enable social links, social media icons will be displayed in the header.
  • 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.

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.
  • Enable Breadcrumb. Blue is enabled. Breadcrumb helps in better navigation for search engines and users.
  • Enter the Home Text and Separator for Breadcrumb
  • Click Publish.

Post (Blog) & Pages Settings

You can choose the single post page and page layouts from here. You can also manage other single post page settings like excerpt, related posts, etc.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
  • Select the layout for pages and posts.
  • Enable Blog Excerpt if you want to show a summary of the posts. Blue is enabled. If enabled, select the number of words for the blog excerpt and read more label.
  • Enable Related Posts. Related Posts of the same category will be shown below the blog post.
  • Enter the title for related posts
  • Enable Hide Category if you don’t want to show the category name on blog posts.
  • Enable Hide Author if you don’t want to show the author section on the blog page.
  • Enable Hide Posted Date if you don’t want show posted date on blog posts.
  • Enable Show Featured Image to show the featured image on the blog posts.
  • Enable Hide Prefix in Archive Page if you want to hide the prefix “Category:” from the category archive 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.

Creating Newsletters

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

  • Enter the title for the newsletter.
  • Select the options on 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 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 > Settings
  • Select the email platform– Mailchimp, Mailerlite, or ConvertKit
  • Enter the API key of the email platform.
  • Select whether to display Popup text of Page when a visitor subscribes to your newsletter. If you select popup text, enter a message. If you select page, select the page you want to show.
  • Click Save Changes.

Adding Newsletter on the Newsletter section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Newsletter Settings
  • Enable Newsletter Section. Blue is enabled.
  • Enter the shortcode of the newsletter form you want to show. You can find the shortcode on the left hand side of the newsletter.

  • Click 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.

Please follow the below steps to configure the Instagram section of Blossom Recipe pro:

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > General Settings > Instagram Settings
  • Enable the Instagram Section to display your Instagram images. Blue is enabled.
  • Enter the Instagram Section Title
  • Click on Publish

Configure Instagram Section

  • Login to your WordPress Admin Panel
  • Go to BlossomThemes Instagram Feed
  • Click on Connect with Instagram and get your Instagram Access Token
  • Enter your Instagram Access Token
  • Enter your Instagram Username
  • Select the number of photos you want to display, photo size, photos per row, and profile link text.
  • Click on Save Changes

Shop Settings

Please follow the below steps to configure the Shop Settings if you are using WooCommerce plugin to create an online shop using Blossom Diva free WordPress theme.

  • Login to your WordPress Admin panel
  • Go to Appearance > Customize > General Settings > Shop Settings
  • Enable Shop Page Description
  • Click on Publish

Navigation Menus (Create and Edit Menu)

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

Note: If you want to display the menu in the header, select Primary location. If you want to display a menu on the footer, select Secondary location.

You can create a navigation menu in two ways, either from customizer or from the dashboard.

Create a New Menu from Customizer

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

  • Give a name to your menu and select the menu location.
  • 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

  • Enter the Menu name and Click on create a new menu

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

  • Drag and Drop the added items to rearrange them
  • Check the Menu location to Primary or Secondary wherever you want to display the menu.
  • Click on 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
  • 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 the 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 allows you to add your own desired credit or copyright text in the footer area of the page. To do this:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > Footer Settings
  • Enter your text in the provided space.
  • Click Publish when satisfied.

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