Sublime Business Pro

Getting Started

Welcome to the Sublime Business Pro theme documentation.  Sublime Business Pro is the easy-to-use business WordPress theme for you. It’s an extensive theme with different unique multiple layouts.

Recommended Server Requirements

There are specific requirements for our themes. We have recommended some of the key requirements for our theme to load even faster across servers.

  • PHP Version 7.3 or greater
  • WordPress version 5.1 or greater

Installation

Installation of our Sublime Business Pro is super easy. We have quick and easy steps to navigate through all the settings that are on the theme. Download and save the zip file containing the theme file. We’ll be using this later on.

Step 1: Go to your WordPress dashboard and navigate to Appearance > Themes.

Step 2: Inside themes, click on Add New( plus icon ).

Upload theme

  • Go to Appearance > Themes in the WordPress Dashboard
  • Click on the Add New button
  • Click on the Upload link and select sublime-business-pro.zip
  • Click on Install Now button

Activate Theme

Go to Appearance > Themes in the WordPress Dashboard.
Now, hover over the theme thumbnail and press the Activate button.

Amazing you have installed Sublime Business Pro 🙂 Hurray! You can easily customize everything from the customizer itself from here. Now the last part is to install all the recommended plugins that are there in the theme.

Recommended Plugins

You will now be asked to install and then activate the theme as in the images below:

After this, you will be clicking on Begin installing plugins and then you will be redirected to a page where you need to install all the plugins.

After you install all the plugins. you will start customizing your theme from the scratch. For more information scroll down this documentation.

Additional information: WordPress Codex – Using Themes

Site Identity

This theme supports the default site identity given by WordPress. You can use Logo, Site Title, Tagline & Site Icon Upload which is supported in our Theme.

Second Logo: We have second logo option which is specially designed for Sticky header. You can only display Second logo when sticky header is enabled.

Logo Height: We have a logo height option as well. Logo width helps you to increase/decrease your logo width.

Site Title Font Size: You can change your own site title with this settings.

Homepage Settings

A static home page is like you are customizing the front door of your website. By default, your home page is your blog, but you can change this to any page you’ve created!

Set a Static Front Page

  1. Go to Appearance > Customizer > Homepage Settings.
  2. Locate the Homepage Settings option. (To see this option the site needs to have at least one published page).
  3. Select the A static page option, then choose your new page from the Homepage drop down.The preview window will display your newly selected page as the front page of your site.
  4. Click on the Save Changes button to save your homepage settings.

Custom Menu

By default, the menus will fall back to Pages. You will only see all the pages as menus right after activation of the theme. You can select all the posts, pages, archives, categories, and custom post types as well.

Set up a Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Give a name to your menu in Menu Name and click Create Menu button
  4. Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
  5. Click Save Menu after adding required pages, categories in the menu

Still having trouble with the menus! Check this out WordPress Custom Menu

Banner Section

Banner Section on the theme controls what your default banner on the homepage of the theme looks like. Here there are 3 individual settings for the theme.

Banner Options

Sublime business pro offers a wide variety of options on the Banner Section of the theme. You have four options in the Banner Option as shown in the image below.

Banner as Slider

Latest Posts

If you choose Latest Posts, all the recent posts you have published will be selected in the slider.

Category

If you go with Category, you can choose to select a category from which you can display the sliders as shown in the image below.

Pages

If you go with Pages, you can select pages from the list of pages in the repeater as shown in the image below.

Custom Slider

If you choose Custom Slider, then you can just create your own slider by adding an Image Title and Link.

Slider Options

You have numerous options in the slider. You can play with the slider settings and choose which fits you the best. You can check the below image to get some idea about the slider options.

Number of Slides: You can choose the number of slides on the slider from these settings

Similar Posts: You can enable this option to add posts included in the slider in the blog page too.

Slider Auto: Enable if you want your slider auto transition.

Static/Video CTA Banner

You can select Static/Video CTA Banner from the Banner Options. You will land up in the sections where you can change your static image with text, a short description Button, and alignments. You can choose Header Video as well where you can upload your own video(.mp4 extension) or you can add YouTube Video URL as well.

For static images, you can upload the image in the Header Image part.

Banner with Newsletter

You can select Banner with Newsletter from the Banner Options. You will land up in the sections where you can change your static image with a banner newsletter shortcode. You have options to choose numerous Banner Newsletter Layouts from here as well. You can choose Header Video as well where you can upload your own video(.mp4 extension) or you can add YouTube Video URL as well.

Blog & Archive Settings

Blog and archive settings are settings for blog and archive pages on WordPress.

Featured Post: Select post this as featured post for the blog page.

Archive Prefix: You can easily hide the prefix in the archive pages just by enabling the option.

Modified Post Date: You can easily show a modified post date just by enabling the option.

Excerpt: Enable this option to show the excerpt you can disable this option to show full post content.

Excerpt Length: You can choose the number of words in an automatically generated excerpt. From here you can now manage how long excerpt can be on your Blog.

Read More Text: You can just add any text to replace Read More text on Blog.

Blog & Archive Layouts: There are different Blog and archive layouts in the Sublime Business Pro theme. You can easily choose the Blog & Archive layouts just by clicking and you will be easily navigated to the particular section.

Post Page Settings

Post Page settings are just specific to the Post and Pages on the WordPress settings.

Original Image Size: Enable this option to show the original size uploaded an image as a featured image on the post page.

Modified Post Date: Enable this option to show the modified post date on the post page.

Author Section: Enable this option to show the author section on the Single post page.

Categories: Enable this option to show the post categories option in the single post of the theme.

Tags: Enable this option to show the post tags option in the single post of the theme.

Meta Order: Drag & Drop items to re-arrange the order. Click on the eye icon to hide the element

Post Page Layouts: Here you can choose Post Page layouts from the layout settings to get the desired output for the settings.

Furthermore, Post page settings do have other extra features where you can edit several options. Some of them are:

Related Posts: Normally all the single posts do have posts that are similar in nature to the post you are viewing. So the Related posts options will allow you to display related posts. You can use either Category/Tags feature from where you can display the related posts.

You do have Related Post layouts settings as well which you can easily navigate from the options.

Layout Settings

In the layout settings, you can choose the overall settings of the whole website in the theme.

Header Layouts

Navigate to Admin Dashboard > Appearance > Customizer > Layout Settings > Header Layouts.

Basically, there are 6 different header layouts that trigger the different headers in the theme. It’s a featured-packed header where there are elements like

  • Primary Menu
  • Secondary Menu
  • Logo Upload Option
  • CTA button

Blog & Archive Layouts

Navigate to Admin Dashboard > Appearance > Customizer > Layout Settings > Blog & Archive Layouts.

You can now specifically choose the Blog layouts and all the archive pages layout from the settings as well. It is extremely handy and has multiple layout options to make the theme more attractive.

Posts Layouts

Navigate to Admin Dashboard > Appearance > Customizer > Layout Settings > Post Layouts.

There are two different Post/Page setting layouts. You can easily configure the layouts from the settings here.

Dynamic Sidebar

Add dynamic sidebars. To use the added sidebars in the drop-downs below you need to save the changes and reload the customizer. You can add content to the sidebars in Appearance->Widgets. For this

  1. Go to Admin Dashboard > Appearance > Customize > Layout Settings > Dynamic Sidebar.
  2. You can add new sidebars and select a sidebar in different Sidebars.

Sidebar layouts

We offer several sidebar layouts in our theme. For this

  1. Go to Admin Dashboard > Appearance > Customize > Layout Settings > Sidebar layouts.
  2. There are 4 different layouts for page and post. There are 3 different layouts for blog and default.
  3. Hit Publish after the changes.

Styling Settings

Typography Settings

We have given extended typography options from where you can change the entire Fonts it’s weight variations, Font types, Text transform, and Font Size options. We have given a total of 8 different options where users can change the Typography of Body and Secondary Font and in the content area, users can change the typography of all the headings.

Navigate Typography Settings via:

  1. Go to Appearance > Customizer > Styling Settings > Typography Settings section.
  2. Now choose the required Typography to make changes in the overall website.
  3. Save & Publish button to save the changes in your site.

Colors Settings

  1. Go to Appearance > Customize > Styling Settings > Colors Settings section.
  2. Now, choose the required colors for your site there.You can choose Primary Color,Secondary Color,Heading Color,Body Color,Theme White Color, Theme Black Color, Background Color,Fallback SVG Color,Footer Text Color & Footer Background Color.
  3. Save & Publish button to save the changes in your site.

Background Image

Sublime Business Pro supports the Background image feature as well. For this

  1. Go to Appearance > Customize > Styling Settings > Background Image > Background Image section.
  2. Now, choose the required background image for your site there.
  3. After you have chosen the required background image for your site here, you can now click on Save & Publish button to save the changes in your site.

General Settings

Notification Bar

Sublime Business Pro provides support for the Notification bar as well for this:

  • For this navigate to Admin Dashboard > Appearance > Customizer > General Settings > Notification Bar.
  • Enable the toggle to enable the feature of Notification Bar in the header.
  • There are basically three fields first the description part second Button label part and third being the URL for the button part.
  • Hit Publish button so that it can be reflected on the frontend of the theme.

Header Options

Sublime Business Pro has numerous options for the header part of the theme, For this navigate to Admin Dashboard > Appearance > Customizer > General Settings > Header Options

Sticky Header: Sublime Business Pro has an extensive feature for sticky header where all the headers have unique sticky features with second logo upload options in the theme.

Header Button: It’s a unique lead generating button on the header part of the theme. You can easily create a call to action button from there if you enable the feature in the header part of the theme.

Header Layouts: Click on the Header Layouts anchor link to properly navigate to change the header layouts for the theme.

Breadcrumbs Settings

Breadcrumbs are integrated with the theme by default. You just have to enable the option to show the breadcrumbs. To do that 

  1. Navigate to Appearance > Customizer > General Settings > Breadcrumbs Settings.
  2. You can then enable the option and configure Home Text and Separator from the settings.
  3. Hit Publish whenever you have finished your changes.

Social Sharing

Here the theme allows you to add social sharing as well. For this

  1. Go to Appearance > Customize > Layout Settings > General Settings > Social Sharing.
  2. Enable to show social sharing buttons on single post page.
  3. Enable to show floating social sharing buttons on single post page.
  4. Enable to show open graph tags. Note:If you’re using Jetpack, Yoast or other plugin to maintain Open Graph meta tags then disable this option.
  5. Create your own social sharing. You can Drag & Drop items to re-arrange the order of social sharing buttons. To hide the social share click on the eye icon.

Performace Settings

If you want to make your website faster then there are some options you can explore. For this

  1. Navigate to Appearance > Customize > Layout Settings > General Settings > Performance Settings..
  2. Hit Publish after the changes.

Lazy Load: Enable this option to lazy load featured images.

Lazy Load Content Images: Enable this option to lazy load images inside page/post content.

Lazy Load Gravatar: Enable to lazy load gravatar image.

Automatic Favicon request: You can just remove it by enabling these settings. By default, WordPress loads two default images for this.

Preload CSS: Enabling this feature can help you load your page faster. It will automatically load your CSS beforehand.

Defer JavaScript: Enable to add “defer” attribute to script tags enable this option which improves page download speed.

After you enable this you can now have another option which you can choose from:

Deferred Excluded Javascript files: You can now specify javascript files to be excluded one per line.

Delay Javascript: It Improves the loading speed by delaying the loading of JS files until user interaction such as click, scroll, etc.

Delay behavior: There are two options from which you can choose the Delay behavior. The default behavior has an option of Excluded from delay where you can specify javascript files to be excluded from delaying execution( one per line ) as in the screenshot above.

But for Specific scripts:

You can specify javascript files that need to be included while delaying execution one per line.

Ver Parameters: Enable this option to remove “ver” parameter from CSS and JS file calls.

Disable Emojis: Enable to option to remove emojis across the site.

Disable RSSFEED: Enable this option to remove the RSS feed across the site.

Disable Self Pingback: Enable this option to remove self pingback across the site.

Locally Host Google Fonts: Enable to load google fonts from your own server instead of from google’s CDN. This solves privacy concerns with Google’s CDN and their sometimes less-than-transparent policies.

Misc Settings

We can all the extra settings for the whole theme. For this

  1. Navigate to Appearance > Customize > Layout Settings > General Settings > Misc Section..
  2. Hit Publish after the changes.

Dark Mode: Enable this option to show the dark mode option.

Lightbox: Enable this option to show your image or gallery with a link to the media file in a stylized pop-up, that allows your visitors to view larger versions of images without leaving the current page.

PreLoader: Enable this option to show preloader on page load.

Admin Bar: Enable this option to hide Admin Bar in the frontend when logged in.

Sticky Sidebar: Enable this option to stick sidebar while scrolling page content.

Go To Top: Enable this option to show back to the top.

Pagination: You can select our pagination type. Right now we have 4 pagination types.

  • Next/Previous
  • Normal
  • Load More
  • Infinite Scroll

Shop Page Description: You can enable this option to add the WooCommerce Shop page description.

Analytics Settings

Paste your Google Analytics or other JavaScript code here. Please make sure your code is wrapped with < script > tags.

In Footer: If you want to add google analytics on the footer then tick this option.

Footer Settings

Footer CTA

This is a cool feature that can be added above to the Footer.

CTA Title: You can add Call to Action Title just above the footer.

CTA Content: You can add Call to Action Content here.

Label One: This is the label for button one on the Footer CTA Area.

Link One URL: This is the url for button one on the Footer CTA Area.

Label Two: This is the label for button two on the Footer CTA Area.

Link Two URL: This is the url for button two on the Footer CTA Area.

Social Settings

You can upload Social Media URL on footer and upload logo as well.

Footer Logo: You can upload footer logo.

Footer Social Links: You can show social links on the footer from this settings.

Footer Copyright

You can change the footer copyright and use your own custom text from here. Use [the-year] shortcode to display current year & [the-site-link] shortcode to display site link.

Hide Author Link: You can disable the author link.

Hide WordPress Link: You can disable the WordPress link.

Widgets

By default, WordPress supports widgets. You can edit widgets in WordPress in two ways. You can either open a Dashboard and go to Widgets under Appearance Tab or you can do this with the help of Customizer. Here are tips on how you can do it with a customizer.

Adding Widgets via Customizer

  1. Go to Appearance > Customizer > Widgets in the WordPress menu.
  2. To add a widget, first click on a widget area. In the panel, click on Add a Widget. The Customizer will show all of the available widgets that you can add.
  3. Scroll the alphabetized list of widgets on customizer, or else you can use the search field at the top to find the desired widget. Then, click on a widget to add it. The Customizer will then display a box to configure the widget’s settings.
  4. When you’ve finished updating these fields, click Close on the bottom left of the widget box. You can also reopen and update a widget using the small down-facing arrow, or remove it by clicking Delete.
  5. You can reorder these widget panels as well — hover over one and mouse-click to select and drag it up or down, depending on where you’d like it to display. After making your changes, don’t forget to save them by hitting the blue Save & Publish button at the top of the panel.

Still having trouble with the widgets! Check this out WordPress Widget.

Additional CSS

You can just add your own CSS in Additional CSS.

  1. Go to Appearance > Customize > Additional CSS section.
  2. Now add your own CSS on Additional CSS section.
  3. After that click Publish.

Can't find what you're looking for

If, somehow, you haven't found answers to your questions, feel free to contact our friendly support team.

Contact support
SublimeTheme Support Team

Not sure where to start?

Contact us or check our Free Themes

Getting started