Elementor has made it easy for anyone to come in and create a professional website in a few hours. With its amazing widgets and features, creating a website has become straightforward. You don’t need to know coding to use Elementor as it has an amazing drag n drop builder.
With over 5 Million+ active installations, people have totally embraced Elementor as one of the most popular page builder WordPress plugins.
As it is a WordPress plugin, it is open-source software and there are many ways to customize your design. You will find many resources that will help you customize and tweak the features of Elementor and give you the desired result.
Similarly, users have been looking for ways to edit the footer of Elementor. Footer is an essential part of a website as it is one of the driving forces in generating leads, educating visitors, adding details about the company, and more.
That is why having a customized footer can go a long way. Today we are going to create a tutorial on how to edit footer in Elementor without the help of any third-party plugins or addons.
How to Edit Footer in Elementor: Step by Step Guide
Like most other things, customizing in Elementor is very easy. You can add HTML/CSS and customize any widget per your specifications.
But don’t worry, you don’t need to do any coding in order to customize the footer of your Elementor website. Just follow our steps and edit on your own,
Step 1– Navigate to WP Admin
At first, you need to log in to your WordPress website and navigate to WP Admin > Elementor > My Templates.
Step 2– Choose the Type of Template
Next, click on the Add New button and choose the type of template as Footer from the dropdown box. Give it a Name and click on the Create Template button.
Step 3– Select the Template for Footer
When you are redirected to the next page, you need to select from the existing Footer Templates offered by Elementor, or if you want you can cut this box and start from scratch. So, select the one you want and click on the Insert button.
Now we will get onto the editing part of the footer. To edit the footer we will change the text, typography, and other styling options like you usually do on the Elementor page builder.
Step 4– Change Footer According to Need
You can change the text in the Icon list and also add the respective links to the list of footer items.
However, if you find any list item which you don’t want to add to your footer, then you can easily remove it using the (x) button on the right. Moreover, you can add desired icons to the list items as well and can change the way they look using the Style tab.
Step 5– Add Newsletter Subscription Box
If you want you can add or edit a newsletter subscription box as well in the footer.
Now, to add or edit the Newsletter subscription box, you need to add your Email ID in the settings and change the click action of the submit button as per your wish. Or if you want you can select the option of directly sending an Email, or you can connect it to any Email service such as Active Campaign or MailChimp. You can also add or remove fields on the form as required.
Step 6– Add Social Share Links
It is a standard practice to add social sharing links to your footer.
You can easily add icons and link the social sharing options. For that, hit the Social Sharing widget that will allow you to edit the Social Icons. You need to click on each icon list to add the social sharing link under the link field.
Step 7– Add Widgets
There is no limit as to what you can add to your footer as there are many widgets available.
You can add another widget to the footer if you want by simple drag and drop operation. It is like you do while designing a page or a row. After making all the changes, click on the Publish button on the bottom left corner of the page.
When you click on the Publish button, you will see that you are asked to add some conditions to the page. These conditions will define whether or not your footer or any other theme parts will be displayed. Since we want this footer to show up on the Entire Site, we will select the same from the list.
Step 8- Click on Publish Button
Once, you have defined your conditions, click on the publish button.
After all the changes and setting the conditions, this is the result. An informative footer with a newsletter subscription box-
FAQs
How do I edit the Footer in WordPress?
Answer: Go to Appearance → Customize. In the website customization menu, click on Footer. You can edit the footer by using widgets to add new sections or by editing the content and style of the footer bar.
How do I create a Footer in an Elementor?
Answer: Under Templates > Theme Builder > Footer > Add New, select Footer from the dropdown and click Create Template. Choose a Footer Block and Insert. Alternatively, you can design your own. After you’ve finished designing, click Publish.
How do I change the footer size in WordPress?
Answer: To reduce the padding on the top of the footer, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. You can change the 0 to whatever padding you like, such as 5px or anything else. You can change the font size as well.
How do I fix the bottom footer in WordPress?
Answer: To enable the floating footer bar, select the option to fix the bar at the bottom position. What is this? Change the position from “top” to “bottom”. Check the box to enable “fixed at position” which is what fixes it to the bottom of the screen.
Customize Elementor Footer Like a Pro!
Your website will represent your products and your brand. So, you have to make sure everything is in the right place otherwise users will be frustrated. They have a very short attention span.
Now that you know how to edit footer in Elementor, that doesn’t mean you should add everything. Make sure your footer is organized and looks clean. It should represent your company and your brand.