Hestia &Elementor: How To Edit Or Recreate Hestia With A Page-builder

Hestia &Elementor: How To Edit Or Recreate Hestia With A…. Category: Wordpress Design with Elementor, Tags: Clone Hestia, Elementor, Hestia, Hestia Hompage And

Hestia &Elementor: How To Edit Or Recreate Hestia With A Page-builder

Hestia &Elementor: How To Edit Or Recreate Hestia With A…

When using the Hestia theme (Download Hestia: on your WordPress website, you can edit the content on the front page with a page builder like Elementor only if the About section is enabled.

Get Elementor:

More of that, if using the Pro version of the theme
(Download Hestia PRO:
you can clone the entire page with the same page-builder, section by section.

1. Clone Hestia PRO by using shortcodes in ELEMENTOR 0:46

The easiest way to clone the entire front page with Elementor is to use these shortcodes. You can easily copy and paste them from the documentation which you can access in the description box below.

Hestia PRO documentation:

First, create a new page with the Page Builder Full-Width layout and click on Edit with Elementor. This will open Elementor’s editor area.

Click on Add new section and select the full-width layout.

In the newly added section add a new Shortcode widget.
Here you need to enter one of the shortcodes we have for each section.

Use the contact section on an individual contact page, for example, the team section on the about us page and so on. You can use them as many times as you want.

For extra CSS tweaks, to have all the sections full width, with no paddings you need to make some small changes in Elementor for each section and column.

So, go to the Layout tab over here and set the Content Width to full, then head over to the Advanced tab and set the Margin and Padding to zero for the column Element Style. Do this for each section or just simply duplicate the first one and then change the shortcode within.

2. Headings & Subheadings 2:16

To add headings, you can use Elementor’s Heading widget with h2 and h5 heading types, or to have the exact same look as the original, as fast as possible, you can also paste the following code in the “HTML Editor” widget.

In the CSS Classes field of the widget’s Advanced settings, put this class.

To change the content in these sections you still need to go back to the customizer.

If you are willing to work hard and create a page from scratch using Elementor, you can clone the entire page starting with the big title section.

3. Clone the Big Title section with Elementor 2:50

I will give you some basic instructions for this section, then you can use your own imagination if you carefully follow what I do, to clone Hestia, section by section.

Let’s add a new page and edit that page with Elementor.
Click yes on this pop-up and then make sure the peg builder full-width layout is selected over here.

Add a new …

 

View our service SEO Temple Web Design

 

Hestia &Elementor: How To Edit Or Recreate Hestia With A Page-builder Description

Hestia &Elementor: How To Edit Or Recreate Hestia With A…. Category: WordPress Design with Elementor, Tags: Clone Hestia, Elementor, Hestia, Hestia Hompage And

Hestia &Elementor: How To Edit Or Recreate Hestia With A Page-builder Tags

Clone Hestia, Elementor, Hestia, Hestia Hompage And Elementor, Hestia Pro, Hestia Pro And Elementor, Hestia WordPress Theme And Elementor, Hestia WordPress Theme Documentation, Hestia WordPress Theme Tu, Hestia WordPress Theme Tutorial, How To Edit The Hestia WordPress Theme With Elementor

Watch Hestia &Elementor: How To Edit Or Recreate Hestia With A Page-builder on YouTube

WordPress Design with Divi

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $300 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

5 Comments

  1. seba lizarraga

    Hi Robert, i had a problem, I opened the elementor plugin and it appeared a button where i touched yes, and all of my sections disappeared. i dont know how to fix it. Hope u can help me with this one!

    Reply
  2. LakeMeadows

    Hi Robert. Do the shortcodes work for Hestia (free version) or only Hestia Pro? If so, is there a way to add these sections if I am using Hestia (free version)?

    Reply
  3. Kartik Nishad

    Is edit about us section by elementor is avaliable in Hestia free version , after clicking on edit about section by elementor all the section of homepage is gone ? Please provide any solution , elementor revision have no data of frontpage sections , page is blank now

    Reply
  4. Anila Hasnain

    Hello, many thanks for the video! If using the free version of Hestia and the free Elementor plugin – is it possible to change the body copy colour? I noticed that Hestia has a very light grey body text – can that be changed when using the free theme? Many thanks!

    Reply
  5. lucutes

    oh it's pro, should have been mentioned in the title

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *