Hestia is another popular WordPress theme for the Elementor. It utilizes a modern material design style that perfectly integrates with the content you build with Elementor. Hestia powers more than 100,000 WordPress websites. What’s Good About Hestia? Like other Elementor themes, it offers deeper page-level controls. The theme file can be downloaded from your ThemeIsle account, it's called hestia-pro.zip. 2 Install it as a new theme Install it as a new theme by uploading the zip file in Dashboard - Appearance - Themes - Add new, upload file.
Hestia Pro is a multipurpose WordPress theme made by the ThemeIsle team. The theme is great for startups businesses, freelancers, bloggers and ecommerce sites.
As soon as you install the theme it looks like a one page template with sections dividing your content.
Sections:
Hestia Theme Preview
- Slider
- Pricing
- Features
- About
- Team
- Testimonials
- Subscribe
- Blog
- Contact
All of which you can enable/disable and change order.
Here are some demos of the sections and how easy and fast you can customize them
Features Section
Pricing Section
Hestia Pro pricing section
Testimonials Section
A major difference with other themes that use sections is that you can use this layout in all your pages. You can have a home page like this and any other page you need to create an interesting browsing experience for your users.
The authors chose a Material Design Kit for Bootstrap to style the template making it slick and modern.
Main Features
- Slider
- Advanced customization options
- Section re ordering
- Compatible with Elementor, Jetpack, WooCommerce,
- Updated documentation
- Great support
- Translation ready
CSS Hero can help you deeply and quickly customize the Hestia Pro Theme, solving some common issues like:
- How to customize fonts in the Hestia Pro WordPress Theme, to make font biggers or change typeface for titles and header texts
- How to change CSS background image on the Hestia Pro WordPress Theme and build background fades
- How to change colors and styles on Hestia Pro WordPress Theme
- How to change size of page width
- How to change CSS style of top navigation buttons
- Customize the CSS style of navigation menu on the Hestia Pro Theme
- How to customize the footer on the Hestia Pro WordPress Theme
WPForm is a great plugin that allows you to easily create any contact form you want. It comes with pre-built form templates that can be easily customized, so you don’t ever have to start from scratch unless you want to. To use the contact form you just need to copy the shortcode of the form and paste it wherever it fits your needs.
If you want to create the Hestia contact form in WPForms you have to follow a couple of simple easy steps.
1. Install WPForms
In your WordPress dashboard navigate to Plugins > Add New and search for 'WPForms'. After you've found it, click 'Install' > 'Activate' and once the process is finished you're all set to go.
2. a) Create a new contact form
If you want to create a new WPForms form, similar to the form in Hestia, this is the step for you. If you already have a form ( possibly migrated from Pirate Forms to WPForms, check 2.b below ).
Hestia Theme Wp
To make it easy for you to get the contact form template of Hestia we created a WPForms template that you will need to import into WPForms.
In your dashboard navigate to WPForms > Tools, and under WPForms Import click 'Select File' and upload the template you previously downloaded, then click 'Import'. Once the import was successfully finished, you can go and check your forms and you'll see a newly created form named 'Hestia'.
b) Use an already existing WPForms form
1. Edit your existing WPForms form
2. Add a Name field and make sure you make this changes:
- Format: Simple
- Field Size: Large
- Name: Your name ( or the text you want as a placeholder )
- check Hide Label
- add the CSS classes: wpforms-one-half wpforms-first (or select from the 'Show Layouts' menu)
. Add an Email field and make sure you make this changes:
- Field Size: Large
- Placeholder Text: Your Email ( or the text you want as a placeholder )
- check Hide Label
- add the CSS class: wpforms-one-half
. Add a Single Line Text field and make sure you make this changes:
- Field Size: Large
- Placeholder Text: Subject ( or the text you want as a placeholder )
- check Hide Label
. Add a Paragraph Text field and make sure you make this changes:
- Field Size: Medium
283360 Hestia
- Placeholder Text: Your Message ( or the text you want as a placeholder )
- check Hide Label
. Go to the Settings tab, and change the Submit Button Text to Send Message
3. Insert the form's shortcode in the theme
Copy the shortcode ([wpforms]), and navigate to the 'Contact Content' in the 'Contact us' section in Customizer > Frontpage sections > Contact us section > Contact Content. There, paste your code in the 'Shortcode' input, click Publish and you're all set.
Enjoy your new form!
WPForms are capable of much more than only a contact form. This compatibility enables you to use all of WPForms features such as creating forms for payments, surveys, subscriptions, and more. Know more about WPForms!