A little about BusinessClass
BusinessClass was body with seek engines in mind. It is a complete multi purpose theme with added than 120 settings. It’s a complete acknowledging and attractive SEO friendly and SEO optimized WordPress business and corporate theme – It has all meta tags, SEO plugin collection, complete page acceleration and on-page SEO calm with a glossy acknowledging architecture and absolutely optimized apple-pie ablaze code. BusinessClass is absolutely responsive, adaptable optimized and retina ready.
Next Generation Seo Theme
BusinessClass is coded in a new way, area it endless aggregate async and accept anxiously enqueued scripts so it endless as quick as possble. Almost every theme endless JS, CSS and abundant added cipher in an old and anachronous way – We accept activated this theme on abounding altered servers and testing it with the apparatus Pingdom pagespeed analysis which compares it to the blow of the internet.
On apathetic servers the theme had an boilerplate amount of 0.8 seconds, authoritative it faster than 89% of all added websites. On appropriate to fast servers it went all the way down to 600 milliseconds seconds, authoritative it faster than 94% of all added websites.
It won’t be continued afore a lot of capacity alpha artful this address to optimize the amount time, but until afresh we are the aboriginal movers, which we are actual appreciative of.
To cut down amount time to an complete minimum accept we acclimated as little Javascript as possible, which agency bland scrolling and added appearance are not accessible appropriate now – But we are currently alive on a way to apparatus it afterwards slowing down the pagespeed, which is a challenge, but a achievable one.
BusinessClass works with abounding plugins such as:
- Contact Form 7
- Mailchimp
- bbPress
- WooCommerce
Meta Tags
BusinessClass follows the latest SEO standards and guidelines, the theme has every meta tag you need.
Perfect Page Speed
BusinessClass has a 600 milliseconds amount time, which will accomplish your website faster than 94% of all added websites.
Perfect On-Page SEO
BusinessClass follows Google’s own on-page SEO guidelines 100%, authoritative it actually accept complete on-page SEO.
SEO Plugin Collection
We accept calm all SEO and page acceleration plugins for you in BusinessClass, so all you accept to do is bang install.
Clean Code
BusinessClass has absolutely optimized code, complete HTML, accurate Javascript, accurate CSS and no accidental code.
Responsive Design
Scoring 100/100 on Google Insight annual test, BusinessClass is absolutely acknowledging and works on any awning admeasurement and device.
Core Features
- Footer Menu
- Unique “About” Widget
- Acknowledging Design
- Website Icon
- Footer Absorb Accomplishments Color
- Capitalize / Uppercase Menu
- Post/Page Links Hover Color
- Cellophane Card on Foreground Page
- Logo Argument Size
- Adumbrate / Show Next/Previous Posts
- Footer Agreeable Alignment
- Attack Image
- Attack Angel Content
- Footer Absorb Argument Color
- Unique “Posts” Widget
- Logo Image
- Attack Agreeable Alignment
- Seo Plugin Collection
- Card Chantry Size
- Three Altered Blog Designs
- Agreeable Argument Color
- Attack Agreeable Alignment
- Lightbox Images
- Apple-pie Code
- Custom WordPress Customizer
- Capitalize / Uppercase Headlines
- Attack Agreeable Padding & Margin
- Sidebar Widgets Background
- Footer Widgets Accomplishments Color
- Seo Optimized
- Global Theme Colors
- Logo Argument Color
- Logo Tagline
- Scroll To Top Button
- 6 Altered Button Designs
- All Meta Data
- Sidebar Accoutrement Appellation Colors
- Unique “Block Grid” Widget
- Unique “Advanced Text” Widget
- Two Attack Angel Buttons
- Unique “Gallery” Widget
- Cellophane Card Argument Color
- Adumbrate / Show Comments
- Card Hotlink Color
- Accomplishments Color
- Capitalize / Uppercase Logo
- Fixed / Complete Accomplishments Image
- Footer Accoutrement Appellation Color
- Accomplishments Image
- Adumbrate / Show Column Info
- Custom Font
- Logo Argument Family
- Attack Accomplishments Color
- Sidebar Accoutrement Argument Color
- Custom Angel Gallery
- Footer Accoutrement Argument Color
- Post/Page Hotlink Color
- Post/Page Appellation Color
- Logo Text
- Card Hover Border Color
- Fast Page Speed
- Page Attack Argument Color
- Custom Footer Text
- Scroll To Top Button
- Feature
- Card Active Border Color
Installing & Uploading The Theme
- In your admin panel, go to Appearance > Capacity and bang the Add New button.
- Click Upload and Choose File, afresh baddest the theme’s .zip file. Bang Install Now.
- Click Activate to use your new theme appropriate away.
Documentation & F.A.Q:
ENABLE FRONTPAGE WIDGETS: SET FRONTPAGE TO LATEST POSTS
To add widgets on your frontpage, Go to Settings > Reading from your WordPress Dashboard and accomplish abiding that your “Front Page Displays” advantage is set to “Your Latest Posts”. Even if you don’t accept to affectation latest posts on your frontpage you will still accept to accomplish abiding that the frontpage is set to that option. Don’t worry, you can calmly alter the Posts with widgets by abacus widgets from Adapt > Frontpage > Frontpage Widgets. Once you add the widgets, the posts will be automatically replaced.
How do I add widgets to the frontpage?
To add widgets on your frontpage, Go to Settings > Reading from your WordPress Dashboard and accomplish abiding that your “Front Page Displays” advantage is set to “Your Latest Posts”. Even if you don’t accept to affectation latest posts on your frontpage you will still accept to accomplish abiding that the frontpage is set to that option. Don’t worry, you can calmly alter the Posts with widgets by abacus widgets from Adapt > Frontpage > Frontpage Widgets. Once you add the widgets, the posts will be automatically replaced.
If that is done the frontpage can be congenital with admirable widgets. To add widgets to your frontpage, Go to Adapt > Frontpage > Frontpage Widgets and bang the “Add Widgets” button to add widgets.
How to set up the frontpage
Aboriginal Go to Settings > Reading from your WordPress Dashboard and accomplish abiding that your “Front Page Displays” advantage is set to “Your Latest Posts”. Even if you don’t accept to affectation latest posts on your frontpage you will still accept to accomplish abiding that the frontpage is set to that option. Don’t worry, you can calmly alter the Posts with widgets by abacus widgets from Adapt > Frontpage > Frontpage Widgets. Once you add the widgets, the posts will be automatically replaced.
Adding Widgets to your Frontpage
BusinessClass frontpage can be congenital with admirable widgets. To add widgets to your frontpage, Go to Adapt > Frontpage > Frontpage Widgets and bang the “Add Widgets” button to add widgets.
How to set up the header
To set up the Attack image, chase these steps:
- Go to Appearance
> Adapt -> Foreground page -> Attack image> Attack angel Type - Baddest Attack Angel from the bead down menu. (Wait for the page to brace so changes can yield place)
- Bang on angel tab (since you ambition a individual angel Attack image)
- Bang on Baddest Angel to upload images. The Best resolution for the Attack angel angel is 1920px x 900px.
- bang on Adapt Agreeable from Attack angel Agreeable (to add Attack angel description content)
- A Argument Editor will appear. Address your argument actuality afresh bang on Save and close.
- Bang on Button 1 & Button 2 to add your button text, link. If you ambition to adumbrate the buttons, artlessly bright out the “Button Text” field.
- Set your agreeable box amplitude and position from “Header angel Agreeable Box Width” and “Content Box Vertical Position” option.
- Bang the Save & Publish Button to save your changes.
1. Attack angel doesn’t work. Can’t see the Attack angel on my foreground page?
In WordPress either you can baddest a page to be displayed as Foreground Page or you can baddest the latest posts to be displayed as foreground page.
- Go to Dashboard -> Settings -> Reading
- Set your “Front page displays” to “Your Latest Posts”
- Bang on “Save Changes”
2. How can I abolish the “Demo” & “Download” button from Attack image?
- Go to Appearance -> Adapt -> Foreground Page -> Attack image
- Bang on appropriately “Button 1″ & “Button 2″.
- Abandoned what’s on “Button text” and “Button link” field.
- Bang “Save & Publish”
3. How can I abolish the BusinessClass logo from foreground page Attack image?
To abolish these logo or argument chase beneath steps:
- Go to Dashboard->Appearance -> Adapt -> Foreground Page -> Attack image
- Bang on “Edit Content” from Attack angel Content
- Baddest all argument and change it ( Its white on white, that’s why you are accepting difficulty)
- Bang “Save & close“
How do I change colors?
You can change the Blush of any elements in BusinessClass theme. To change the absence colors of BusinessClass theme:
- Go to Appearance > Adapt > Basal Style
- You can change your websites all-embracing argument blush by modifying the “Site agreeable Argument Color” option.
- The absence Blue blush that is set by absence and displayed throughout your website in assorted elements like buttons can be afflicted by “Other Elements Background”.
- Anniversary elements blush options are congenital in anniversary section. For example: You can change the Attack accomplishments blush from Adapt > Attack > Attack > Attack Accomplishments Color.
- To change the topbar Blush go to Adapt > Attack > Topbar.
- To change the Footer Blush go to Adapt > Footer > Footer Style
How do I change fonts?
BusinessClass lets you baddest fonts for your accomplished site, your headings & Airheaded and your Website title. To change the fonts of your site
- Go to Appearance > Adapt > Basal > Basal Fonts.
- Now to change the chantry blazon and chantry admeasurement for the accomplished site, use the “Site Agreeable Font” section. To change the Chantry of the Headings and Card fonts, use the “Headings, Card and Column Titles Font”.
- By default, BusinessClass displays all the appellation and card argument in Uppercase. To change that, attenuate the “Turn Card Argument & All Headings to Uppercase” option.
- BusinessClass lets you change the chantry blazon of your Website Appellation that is amid in the header. To do that, artlessly go to Adapt > Attack > Website Appellation & Logo and change the “Site Appellation Font” Family.
How to set up the footer
How To About-face On The Scroll To Top Button
Scroll to top button allows your visitors to bound jump aback to the top of the page. To about-face this on chase these steps:
- Go to Dashboard -> Appearance -> Adapt -> Footer ->Footer Content
- Accredit Scroll To Top Button
- Bang on Save & Publish
How To Change The Footer Absorb Text
- Go to Dashboard -> Appearance -> Adapt -> Footer ->Footer Content
- Bang on Adapt Agreeable button beneath Footer Absorb Text
- Address your absorb argument actuality & bang Save & abutting afterwards you finish
- Bang on Save & Publish
How To Affectation Footer Menu
- Go to Dashboard -> Appearance -> Adapt -> Footer ->Footer Content
- About-face on Affectation Footer Menu
- Bang on Save & Publish
How To Centermost Adjust The Footer Section
- Go to Dashboard -> Appearance -> Adapt -> Footer ->Footer Content
- About-face on the Centermost Footer Widgets & Absorb Text
- Bang on Save & Publish
How To Change The Blush of Footer Area Content
- Go to Dashboard -> Appearance -> Adapt -> Footer ->Footer Style
- Bang on the accordant blush picker to the change the colors
- Bang on Save & Publish
Setting up the menu
BusinessClass comes with 3 card locations area you can add your menus. To bureaucracy a menu
- Go to Appearance > Adapt > Menus
- Bang the “Add a Menu” button & Address a card name on the field, it can be annihilation you like.
- Now Bang the “Create Menu” button.
- Bang the “Add Items” button to add card items to your menu. You can add pages, categories, posts etc. To add a homepage bang the “Pages” tab from appropriate and add bang the + figure beside the “Home” item.
- Afterwards abacus all the card items, bang the “Add items” button afresh to adumbrate the annual selector panel.
- Now that you accept created a menu, you charge to set it to a card location. You can baddest the “Header Navigation” to add the card to your attack or “Topbar Navigation” to add it to your topbar or “Footer navigation” to affectation the card in the footer.
- Bang “Save & Publish“ button to save the changes.
You can change the Card Appearance and blush settings from Adapt > Attack > Menu. One affair to agenda actuality is that, if you ambition to affectation a card icon, Go to Adapt > Attack > Card and aboriginal baddest a “Menu style” that has the chat “icon” in it and afresh from your WordPress Dashboard go to Appearance > Airheaded and bang on anniversary card annual and you will apprehension an figure advantage that lets you baddest a specific figure to your card item.
How to set up the logo
Text Logo
By absence BusinessClass displays your Website Appellation as your Argument Logo, you can adapt the attending of this argument logo by traveling to Appearance > Adapt > Attack > Website Appellation & Logo > Text
Image Logo
In BusinessClass, you can either upload an angel as a logo or address your aggregation name as argument and affectation it as your logo. To add a logo to your Attack artlessly go to Adapt > Attack > Website Appellation & Logo and bang the “Image” tab and afresh bang “Select Image” button to upload your logo image. If you do that, the Website appellation that was displayed by absence will be replaced by the logo image.
You can adjust the logo to center, larboard or appropriate from the “Site Appellation / Logo Position”.
Setting up the header
Transparent header
By absence BusinessClass is set to accept a cellophane attack on Frontpage. To attenuate the cellophane attack on frontpage, Go to Adapt > Attack > Attack and attenuate the “Transparent Attack on Frontpage” option. If you attenuate this option, a solid attack accomplishments blush will arise that you can change by application the “Header Accomplishments Color” option.
To accomplish the attack cellophane on added pages, in the Page adapt screen, from the “BusinessClass Options” box, accredit the “Make Attack Transparent” advantage alone for that page. Be abiding to aswell add a Page Attack angel for that page from the “Page Header” tab.
Header blush for added pages
To change the attack accomplishments Blush for all pages, Go to Adapt > Attack > Attack Accomplishments color. You can aswell add a Accomplishments Angel to your attack by abacus an angel through the “Header Accomplishments Image” option.
How to add a column widget
BusinessClass Posts Accoutrement is a actual able accoutrement that lets you affectation posts, pages and Woocommerce Products on your website with just few clicks.
- Go to Appearance > Adapt > Frontpage > Frontpage Widgets
- Bang on “Add Widgets” button.
- Bang the “Posts Widget” button to admit the Argument accoutrement to your Accoutrement Area.
- You can set column blazon to Posts, Pages or Products from “Post Type” drop-down option.
- You can change how the posts arise from the “Layout” drop-down option.
- You can set the column aeronautics blazon from “Post Navigation” drop-down
Abacus an avant-garde argument widget
The Avant-garde Argument Accoutrement that comes with BusinessClass is the basal architecture block of your widgetized pages. You can add any blazon of affluent agreeable to your sites application this widget. To add a Argument Accoutrement to your Frontpage,
- Go to Appearance > Adapt > Frontpage > Frontpage Widgets
- Bang on “Add Widgets” button.
- Bang the “Advanced Text” button to admit the Argument accoutrement to your Accoutrement Area.
- If you ambition to baddest a predefined appearance for the argument accoutrement bang the “+” button beside “Advanced Text” button and baddest a predefined style.
- To actualize allowance about the Widget, Increase the “Side Padding” & Top/Bottom Padding ethics of the widget.
- You can aswell affectation a parallax aftereffect by enabling the “Parallax” advantage of the widget.
Setting up the about widget
To set up the About Accoutrement on Foreground Page,
- Go to Appearance -> Adapt -> Foreground Page -> Foreground Page Widget
- Bang on Add to Accoutrement -> About Widget
How to abate the white spaces on top and basal of the about widget?
- Go to Appearance -> Adapt -> Miscellaneous -> Custom CSS
- Admit this CSS: .aboutblock { padding:1% 0;}
- Bang on “Save & Publish“
How to add block widgets
To configure Blocks, go to
- Go to Appearance->Customize->Front page-> Foreground Page Widgets
- Bang on Add a Accoutrement -> Blocks Widget
- Bang on the tab blue-blooded Block 1
Block 1 will aggrandize and beneath fields will be visible. Anniversary block has the afterward options:
- a. Block 1 Title: Appellation of the block
- b. Block 1 Image: Upload block image
- d. Block 1 Content: Address your block agreeable here. You can aswell add HTML and images in your block content.
- Bang on Block 2 if you ambition to set addition block. (You can set up to 6 blocks)
- Bang Save & Publish
Tip: To remove/hide Blocks just abandoned the Blocks Appellation and Agreeable Field.
How can I affectation alone 2 blocks instead of 6?
- Go to Appearance->Customize->Front page-> Foreground Page Widgets -> Blocks Widget
- Bang on the tab blue-blooded “Block 3”
- Abolish whats accounting on “Block Appellation acreage & Block Agreeable field”
- Bang Save & publish
How to adapt page headers
To adapt the Page Header, chase these steps
- Go to Appearance -> Adapt -> Column & Page -> Page Attack Settings
- Accomplish abiding your Page attack is angry on
- You can change the blush of the Absence Page attack from this area as able-bodied as the absence argument blush of the page title.
- If you ambition to set altered images on altered pages. Then, Baddest your Page from the bead down amid at the top.
- Now from the right, bang on Baddest Angel to upload your absence angel from Page attack Absence Image.
- Bang on Save & Publish
If you ambition to set the aforementioned angel as your page attack on all of your pages just skip Step 3.
Setting up individual pages
How to about-face off the page attack title?
- Go to Dashboard -> Appearance -> Adapt -> Column & Page -> Page Attack Settings
- About-face off About-face on Page Header
- Bang Save & Publish
How to attenuate breadcrumbs beneath page title?
Indicates the area of the user aural the website’s bureaucracy of pages E.g.: Top Level > Main Category > Sub Category
- Go to Dashboard -> Appearance -> Adapt -> Column & Page -> Page Attack Settings
- About-face off Accredit Breadcrumbs
- Bang Save & Publish
How to change the page attack color, admeasurement & font?
- Go to Dashboard -> Appearance -> Adapt -> Column & Page -> Page Attack Settings
- Adapt beneath optionsPage Attack Background: Accomplishments blush of page attack section
- Page Attack Argument color: Blush of page heading
- Page Appellation Chantry Size: Chantry admeasurement of page header
- Page Attack Argument Alignment: Postion of page attack (Left | Centermost | Right)
- Bang Save & Publish
How to set a absence page attack image?
- Go to Dashboard -> Appearance -> Adapt -> Column & Page -> Page Attack Settings
- Bang on Baddest Angel beneath Page Attack Absence Image
- Upload your absence angel for page headers
- Bang Save & Publish
How to set up a page with larboard sidebar
If you ambition set a page with no allowance on larboard or right, you can use Page With Larboard Sidebar Template, So that you can adapt the page with assorted Shortcodes
To add a new page Go To Dashboard -> Pages -> Add New and Give it a title
In the column editor page, there is a box on the appropriate alleged “Page Attributes“. From this box, you can baddest assorted page templates. Baddest “Page With Larboard Sidebar” and save the page.
Setting up amusing links
You can hotlink your Amusing Media Page/ Accounts and affectation them in Top Bar, Attack & Footer.
To configure amusing settings, go to Appearance-> Adapt > Miscellaneous> Amusing Links
- Amusing Hotlink Figure Style: Baddest the appearance of the figure (Simple | Rounded | Square | Hexagon)
- Affectation Icons Color: About-face on for blush amusing figure or off (then it will be absitively by Footer Absorb Argument Color)
- Position: Baddest the position of Amusing Links (Top Bar | Attack | Footer)
- Size: Baddest the admeasurement of the amusing icons (Normal | Large)
- Account/Page URL – Copy & adhesive your amusing media annual pages URL
- FIt currently supports beneath amusing networks
- Google Plus
- YouTube
- Flickr
- Tumblr
- RSS
How to set up adaptable layout
Hide Items From Adaptable Adaptation of Your Site
Some elements may assume a bit over the top for visitors browsing from mobile. You can adumbrate beneath elements for adaptable visitors, if you acquisition them unnecessary.
You can adumbrate beneath elements from Adaptable Adaptation of your website only. Changes fabricated in this area will not affect desktop adaptation of your site.
How to Adumbrate attack angel for Adaptable Only
- Go to Dashboard -> Appearance -> Adapt -> Miscellaneous ->Mobile layout
- About-face on the Adumbrate attack angel for Mobile
- Bang on Save & Publish
How to Adumbrate Appropriate Sidebar for Mobile
- Go to Dashboard -> Appearance -> Adapt -> Miscellaneous ->Mobile layout
- About-face on the Adumbrate Appropriate Sidebar for Mobile
- Bang on Save & Publish
How to Adumbrate Page Headers for Adaptable Only
- Go to Dashboard -> Appearance -> Adapt -> Miscellaneous ->Mobile layout
- About-face on the Adumbrate Page Headers for Mobile
- Bang on Save & Publish
How to add custom code
How To Add Custom CSS (Cascading Appearance Sheets)
The Custom CSS area allows you to change the absence appearance of BusinessClass. Address your custom CSS here. No worries, it will not be wiped out afterwards you amend the theme.
Follow these accomplish to change admit custom CSS
- Go to Appearance
> Adapt -> Miscellaneous -> Custom Code> Custom CSS - Adhesive your CSS cipher on Custom CSS field
- Bang Save & Publish
Adding Custom JavaScript
Follow these accomplish to change admit custom JavaScript
- Go to Appearance
> Adapt -> Miscellaneous -> Custom Code> Custom JavaScript - Adhesive your CSS cipher on Custom JavaScript field
- Bang Save & Publish
How to add a favicon
With BusinessClass you can calmly add favicon to your site. Favicon is the baby logo that appears in the browser tab if you amount a website. To bureaucracy a favicon in BusinessClass:
- Go to Appearance > Adapt > Basal > Website Identity. Now bang the “Select File” button to upload your Website favicon.
- Accomplish abiding the angel ambit is at atomic 512px x 512px.
- To see the change, brace your page.
- You will apprehension your favicon has been afflicted to what you just set now.