Creating a Custom Footer in Jupiter X

Updated on August 4, 2019

How to create and use a custom footer in Jupiter X?

Jupiter X theme lets you use a default customizer footer or create a new custom footer from scratch using Elementor. The process of creating a footer using Elementor includes creating a footer template and assigning it to a page. Creating the footer using Elementor allows you to use all of the Elementor elements, allowing you to have a highly customized footer.

Difference Between Default Customizer Footer and Custom Elementor Footer?

Simply put, the default customizer footer has limited options and styles while the custom Elementor footer has pretty much unlimited customization because of itā€™s widgets. This means that you will be able to add any Elementor element to the footer: buttons, images, headings, icons, etc.

Customizer footer feature is a great way to quickly create a simple footer to use on your website. However, if you are looking for some specific footer design, Elementor will allow you to do that.

Note: To learn more about styling the default footer, we suggest you read this article

Using a custom footer in your website

To use a custom footer in your website, you must:

  • Create your custom footer in Elementor
  • Assign it to all pages on your website or to a specific page.

We will describe them step by step.

Creating a new Custom Footer in Elementor

 Adding a new custom footer in Jupiter X, can be only done with the Elementor plugin. To learn how to install it, check out this article.

1. From the WordPress left menu, click on Templates and go to Saved Templates menu.

2. Next to My Templates title, click on the Add New button.

3. For the template type select Footer and give your footer a name and click on the Create Template button.

4. You will now be redirected to Elementor page editor where you can choose a footer template from the library or create your new footer from scratch using Elementor. Some of the pre-made footers are part of Elementor Pro and in order to use them, you must purchase Elementor Pro first. You can also use the Jupiter X pre-made templates. Those templates are free. 
To see the Jupiter X templates, simply click on Jupiter X.  You can use your preferable template by clicking on Insert button.

If you don’t want to use pre-made templates and plan to create your custom footer from scratch, simply click on x icon. That will redirect you to the Elementor page editor.

5. If you’re using a pre-made template, you can customize it or add new widgets to it.  In order to customize a brand new footer (without using a pre-made template), first determine how many columns you need for your footer template. Then add your desired Elementor’s widgets to it such as Site Logo.

You can also add WordPress widgets to your footer template by going to WORDPRESS category in Elementor widgets panel.

6. Publish the template after your customization.


In case you are using Elementor Pro for footer template with Display Conditions, some of the Jupiter X footer customizations may not work properly and to fix that :

1. Make sure the Display Conditions are not provided for your footer templates.

Just save a template without conditions. 

2. Make sure the Sticky option under Scrolling Effect is set to None in the Advanced settings of the Section container in your footer template.

Assigning the Custom Footer to your Website

After creating the custom footer, you must assign it to your website. To do that please follow the steps below:

1. From the WordPress left menu, go to Jupiter X > Customize.

2. From the Customizer left dashboard, click on Footer.

3. For the Footer Type, select Custom and assign your footer from Template.

4. Click on Close and Publish the changes.

Editing Custom Footer via Customizer

There are options that allow you to edit the custom footer template or create a new one without leaving the Customizer panel when editing footer settings. 
When setting footer type to Custom, you’ll be able to select a template from the drop down list in Template setting or click on the “New” button to create a new footer template. The popup window will appear with Elementor editor allowing you to create a new footer.

If you selected the template from the drop down list, you can also edit it clicking on “Edit” button.

This way you won’t need to return to Elementor Templates and leave Customizer panel to be able to create or edit footer template. Now it’s possible inside the Customizer > Footer

Note: You can also assign the custom footer to a specific page only, please refer to this article to learn more about it.

Did this answer your question?