In WordPress, the header.php and footer.php files are part of the theme files responsible for displaying your site’s header and footer sections. Here’s how you can locate and edit these files:

Steps to Find header.php or footer.php:

1. Via WordPress Dashboard:

• Go to your WordPress Dashboard.
• Navigate to Appearance > Theme File Editor.
• On the right-hand side, you will see a list of theme files. Look for header.php or footer.php under Theme Files.
• Click on the file you want to view or edit.

2. Via FTP or Hosting File Manager:

• Access your website files through FTP (using a client like FileZilla) or through your hosting provider’s File Manager.
• Go to the /wp-content/themes/ directory.
• Open the folder of the active theme you are using.
• Find header.php and footer.php files and download or edit them.

Important Tip: Avoid Directly Editing header.php and footer.php

While it is possible to edit header.php and footer.php directly, it is not recommended because any custom changes will be overwritten when the theme is updated. Instead, you should use WordPress action hooks like wp_body_open() and wp_footer() to add custom code.

To add elements to the footer in the Xtra WordPress theme, you can follow these steps.
The Xtra WordPress theme is highly customizable and provides several options for modifying the footer through its Theme Options panel.

1. Go to Theme Options
2. Footer
3. Footer Widgets then Select Columns for Widgets
4. Then Go back to Theme Options > Widgets
5. Select a Widget
6. Add a Widget

With the help of saved templates in Elementor, you can create a customized header or footer and adjust the Theme Options to be displayed on the site.

1. Go to Dashboard > Templates > Saved Templates
2. Add New Template
3. Choose Template Type on Section then Write a name for this
4. Design section with help of Xtra Theme Elements and save it
5. Go to Theme Options > Header > Custom Header Template > Select header > Choose that section that desigened before.

For Header path is : Theme Options > Header > Custom Header Template > Select a page or saved templated.

For Footer path is : Theme Options > Footer > Custom Footer Template > Select a page or saved templated.

• The way to choose a customized template for the footer is shown in the image below.

• You can also design a customized saved templated Header/Footer separate from the desktop for tablets and mobiles and select it from the Theme Options > Header/Footer > Custom Header/Footer Template > Tablet & mobile.
  So that a header is displayed separately from the desktop on tablets and mobiles.

Under Theme Options > Footer > Footer More you can find some other footer options such as fixed footer, back to top button, quick contact form, etc.

1. Fixed Footer – Footer will hide under body background and will show by end of scroll
2. Back to Top – Enable/disable back to top button in right bottom
3. Quick Contact Form – Enable/disable quick contact form button beside back to top
4. Contact Icon – Choose icon from library with over 1000 icons
5. StyleKits – Customize footer, back to top button and quick contact form modal box

• Contact Modal Box – First you need to create a Contact form from Dashboard > Contact then go to Dashboard > Pages and create custom page and insert Contact form in page then publish it. Now from Footer settings you can set your quick contact form.

Under Theme Options > Footer > Footer Widgets you can find and change footer widgets layout and also customize footer widgets styling.

1. Footer Columns – Select footer columns layout
2. Styling – Customize container, widgets, titles and links for widgets.
3. Customize Widgets – From Appearance > Widgets you can find / add / remove widgets

• Custom page content – From Appearance > Widgets you can add Custom Page Content widget in footer 1 then choose your custom page. From Theme Options > Footer > Widgets also you can change layout to 1 column.

In XTRA theme there is three footer rows, Footer top bar, Footer widgets and Footer bottom bar. All settings and StyleKits for three rows almost are same, Bellow we explained footer options and StyleKits.

Under Theme Options > Footer > Footer Bottom Bar you can find and add elements for footer row and customize footer styling.

1. Add Elements – Add some new elements to footer top bar places
2. Styling – Customize container, row or columns of footer top bar
3. Menu Styling – Customize footer top bar menu styling, colors, sizes, etc.

• Elements – footer have over 12+ premium elements and there is no limitation on settings and StyleKits.
  
  
• Menus Styling – This StyleKits only affects on this row and not other rows, it means you can have different menu styling on different row.

In XTRA theme there is three footer rows, Footer top bar, Footer widgets and Footer bottom bar. All settings and StyleKits for three rows almost are same, Bellow we explained footer options and StyleKits.

Under Theme Options > Footer > Footer Top Bar you can find and add elements for footer row and customize footer styling.

1. Add Elements – Add some new elements to footer top bar places
2. Styling – Customize container, row or columns of footer top bar
3. Menu Styling – Customize footer top bar menu styling, colors, sizes, etc.

• Elements – footer have over 12+ premium elements and there is no limitation on settings and StyleKits.
  
  
• Menus Styling – This StyleKits only affects on this row and not other rows, it means you can have different menu styling on different row.

In the following example you can see how to add content or PHP codes after footer bottom bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before footer bottom bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

This is a fixed footer:

Go to Theme Options (Theme Customize)

1. Go to Footer
2. Navigate to More panel
3. Turn On the Fixed Footer option

In the following example you can see how to add content or PHP codes after footer top bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before footer top bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes after footer.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before footer.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

Go to Theme Options > Footer > Bottom Bar you can find Icon and text element that contains copyright text inside.

1. Icon and Text – Find icon and text element in left, center or right place.
2. Text – Find text field inside icon and text element and replace it with your text.

• Current Year Shortcode  – If you want to show current year of server time in copyright text, you can use this shortcode [ codevz_year ]

Go to Theme Options > Footer > Footer Widgets you can find and set footer widgets layout number of columns.

1. Columns – There is 21 different layouts for footer widgets area.
2. Styling – You can customize any part of footer widgets styling, colors, background, etc.

Go to Dashboard > Appearance > Widgets you can find and add widgets into sidebars.

1. Widgets – List of available widgets that you can use in sidebars.
2. Sidebars – List of available footer widgets area that you can add widgets inside them.

• Custom Content – If you want to add custom page content as footer widget, you can create a page and add your content then publish it. From Appearance > Widgets you can find and add custom content widget.