Install & Configure Your New Theme
After you have purchased a theme, go to Purchase History to download the theme. After downloading the theme, navigate to Appearance > Themes > Add New > Upload, in your WordPress dashboard. Now, click the Choose File button, select the archive of your theme from your local computer and press the Install Now button. In few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.
You need to install the following plugins to enable some functionality of the theme:
- WooCommerce: You need to install WooCommerce plugin in order to use Shop section.
- Pirate Forms: You need to install Pirate Forms in order to put a contact form in Contact Section.
Setting Up Homepage & Blog
To setup Homepage & Blog page with Hestia, you need to create pages from your WordPress Dashboard. First will be a page named "Home" or whatever you prefer for your homepage. And second will be a page for Blog, which doesn't need anything but a page title.
After you've created the specified pages, you need to navigate to Appearance > Customize > Static Front Page >
In General Settings section, you have the option:
- Boxed Layout?: It's enabled by default. If it's enabled the theme will use a boxed layout, else will use a
Here you can select the header for your posts and archive pages. The posts will use this if no featured image is present.
Here you can select the background for your website. It will only appear on the homepage if the Boxed Layout is enabled. Once you select the background image, additional settings for the background will start appearing, like position and
Front page sections are what makes Hestia stand out from other Material design themes. You can customize pretty much everything in front-page, and here's how:
In the features section, you can showcase an infinite number of features or services in the form of a repeatable box, containing an icon with the color of your choice, a
The About section pulls content right out of the page content. This means that anything you add inside the content box on the admin side of the site will appear here. It also brings in the featured image as the background for the section.
The Shop section on
With Hestia you can showcase your team members on the homepage of the site, using the Team section. There you can add details for each team member, starting with an image,
When your site looks so great, your clients will surely have a lot of things to say. You can put them in your Testimonials section from Appearance > Customize > Frontpage Sections > Testimonials.
Hestia comes with a Subscribe section on the homepage. For this section to work, you would need to first install the SendinBlue
<div> <div> <span><i></i></span> <input type="email" name="email" required="required"> </div> </div> <div> <input type="submit" name="submit" value="Subscribe"> </div>
After that you need to navigate to Appearance > Customize > Widgets > Subscribe Section, and add
The Blog section on the
Contact section works with Pirate Forms plugin, so you can
Hestia allows you to change the main colors of the theme. You can do it from Appearance > Customize > Colors. There, you can select the background and main accent colors,
Settings Up Your Menu
Hestia theme focuses on the one-page parallax design. And to do that, we have divided the front-page of our theme in multiple sections. And linking those sections from
Navigate to Appearance > Menus, in your WordPress Dashboard. And create anchors to the sections, as seen below:
Here's the list of all the sections for Hestia theme:
- Header Section - #carousel-hestia-generic
- About Section - #about
- Features Section - #features
- Team Section - #team
- Shop Section - #products
- Subscribe Section - #subscribe
- Testimonials Section - #testimonials
- Blog Section - #blog
- Contact Section - #contact
Adding Icons To Hestia Menu
We love Font Awesome. We love it so much that we bundled it with our theme and you can use it with your menu items.
Adding Button Styles To The Menu
Just link icons, there are classes you can add to each menu item to style it. You must add the
If you add the