templategum

How To Use Elementor Template Pack Header And Footer Blocks In Elementor Theme Builder

Using the ready-made Elementor Template Pack header and footer blocks, you can instantly create stunning headers or footers for your website in Elementor Theme Builder. Once you have inserted a header and footer block and customized it in Elementor, you can use it on every page of your WordPress website if you want to.

Note: Elementor Theme Builder is a feature that is only available with Elementor Pro. Therefore you must install both Elementor and Elementor Pro on your website to create your header and footer blocks with Elementor Template Pack.

How To Create A Header In Elementor #

You can create a header for your webpage in Elementor using the ready header blocks from Elementor Template Pack. But first, you will have to set up a menu in WordPress. You can do this by navigating to Appearance→ Themes→ Menus from your WordPress dashboard as shown below.

After completing this step, save your changes and follow these step-by-step instructions below.

Step 1: Create A Template In Elementor Theme Builder #

From your WordPress dashboard, navigate to Elementor→ Templates→ Theme Builder. This will take you to the Elementor Theme Builder. Click on ‘Header’ to add a new header block in Elementor.

Step 2: Insert Header Blocks From Elementor Template Pack #

Next, you’ll see a section with a plus icon and a folder icon on your page. Click the folder icon.

On the interface of your template library, find the upload icon at the top (the up arrow icon) and click it.

This will prompt you to the import template panel.

If your using Windows, go the folder of your downloaded Template file and drag it to this section.

For this documentation, we will be using the Bolo Header block . By default, the block will appear on your website as shown below.

Step 3: Customize & Publish Your Header #

You can customize your header in Elementor Theme Builder any way you want. Click anywhere on your header. Then, from the ‘Content’ tab, add your own content for your header. Similarly, from the ‘Style’ tab, you can change the colors, typography, and more.

When you are done customizing, you can publish your header block by clicking on the ‘Publish’ button. A popup will appear asking you to set conditions and choose where you want your header to be displayed. This step is completely optional. If you are ready to make your header live, click on the ‘Save & Close’ button.

You have successfully created your own header in Elementor Theme Builder using the ready header blocks from Elementor Template Pack. This is how your header will appear on your webpages.

How To Create A Footer In Elementor #

To instantly create a footer in Elementor using ready Elementor Template Pack footer blocks, follow these step-by-step instructions below.

Step 1: Create A Template In Elementor Theme Builder #

Navigate to Elementor→ Templates→ Theme Builder from your WordPress dashboard. This will take you to the Elementor Theme Builder. Click on ‘Footer’ to add a new footer block in Elementor.

Step 2: Insert Footer Blocks From Elementor Template Pack #

Next, you’ll see a section with a plus icon and a folder icon on your page. Click the folder icon.

On the interface of your template library, find the upload icon at the top (the up arrow icon) and click it.

This will prompt you to the import template panel.

If your using Windows, go the folder of your downloaded Template file and drag it to this section.

For this documentation, we will be using the Bolo Footer block . By default, the block will appear on your website as shown below.

Step 3: Customize & Publish Your Footer #

You can customize your footer in Elementor Theme Builder any way you want. Click anywhere on your header. Then, from the ‘Content’ tab, add your own content for your header. Similarly, from the ‘Style’ tab, you can change the colors, typography, and more.

When you are done customizing, you can publish your footer block by clicking on the ‘Publish’ button. A popup will appear asking you to set conditions and choose where you want your header to be displayed. This step is completely optional. If you are ready to make your header live, click on the ‘Save & Close’ button.

You have successfully created your own footer in Elementor Theme Builder using the ready header blocks from Elementor Template Pack. This is how your header will appear on your webpages.

Powered by BetterDocs