{"id":40623,"date":"2022-02-22T02:23:44","date_gmt":"2022-02-22T02:23:44","guid":{"rendered":"\/tutorials\/?p=40623"},"modified":"2026-10-21T21:36:01","modified_gmt":"2026-10-21T21:36:01","slug":"how-to-edit-footer-in-wordpress","status":"publish","type":"post","link":"\/au\/tutorials\/how-to-edit-footer-in-wordpress\/","title":{"rendered":"How to edit the footer in WordPress (3 methods)"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p class=\"wp-block-paragraph\">To edit the footer in WordPress, use the Site Editor if you have a block theme, or the Customizer or Widgets menu if you have a classic theme. These methods let you update footer text, navigation links, social media icons, copyright information, and layout without editing code.<\/p><p class=\"wp-block-paragraph\">You can also remove the &ldquo;Powered by WordPress&rdquo; credit or add custom code for more advanced customization. The available options depend on your theme, so check the Appearance menu in your WordPress dashboard to determine which method to use.<\/p><p class=\"wp-block-paragraph\">For a visual walkthrough, watch the video below to see how to edit your WordPress footer. The step-by-step instructions that follow cover the different editing methods based on your WordPress theme.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Edit the Footer in WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/WHXtmEppbn8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><h2 id=\"edit-the-footer-using-the-block-editor\" class=\"wp-block-heading h-t-title-2\">How to edit the WordPress footer using the Site Editor<\/h2><p class=\"wp-block-paragraph\">If your WordPress website uses a block theme, you can edit the footer directly through the Site Editor. This tool lets you customize footer content, navigation links, colors, and layouts using <a data-click-id=\"hgr-post-content-link-wordpress-blocks\" href=\"\/au\/tutorials\/wordpress-blocks\/\">WordPress blocks<\/a> without writing code. Changes to the footer template part can also apply across multiple pages, helping you maintain a consistent design throughout your website.<\/p><p class=\"wp-block-paragraph\">To access the editor, hover on <strong>Appearance <\/strong>and select <strong>Editor<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2022-02-wordpress-da\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-dashboard.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-dashboard.png\/public\" alt=\"The new editor tab in the appearance section of the WordPress dashboard\" class=\"wp-image-46504\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">It will take you to the block editor, opening the <strong>Home <\/strong>page template.<\/p><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2022-02-wordpress-bl\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-block-editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1245\" height=\"549\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-block-editor.png\/public\" alt=\"WordPress block editor interface\" class=\"wp-image-46505\"  sizes=\"auto, (max-width: 1245px) 100vw, 1245px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">Scroll down to the bottom of the page to find the footer area, and start editing the footer.<\/p><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-hostinger-com-au-tutorials-wp-content-uploads-sites-2-2023-0\" href=\"https:\/\/www.hostinger.com\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-121.png\"><img loading=\"lazy\" decoding=\"async\" width=\"827\" height=\"165\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/05\/image-121.png\/public\" alt=\"The footer area on the editor.\" class=\"wp-image-85568\"  sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">Alternatively, click the <strong>Edit<\/strong> option on the block toolbar to display only the footer area.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-hostinger-com-au-tutorials-wp-content-uploads-sites-2-2023-0-2\" href=\"https:\/\/www.hostinger.com\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-117.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1096\" height=\"311\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/05\/image-117.png\/public\" alt=\"Opening the footer using the template part option\" class=\"wp-image-85562\"  sizes=\"auto, (max-width: 1096px) 100vw, 1096px\" \/><\/a><\/figure><\/div><p class=\"wp-block-paragraph\">Start editing it by adding blocks to the footer. To do so, hover over the area and <strong>plus<\/strong> (<strong>+<\/strong>) icons will appear on locations that are available for blocks. Click the icon and pick a block to add. You can search the desired block or click <strong>Browse all <\/strong>to see all available blocks.<\/p><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2022-02-wordpress-ad\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-add-block.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1349\" height=\"599\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-add-block.png\/public\" alt=\"Adding a block in the block editor.\" class=\"wp-image-46508\"  sizes=\"auto, (max-width: 1349px) 100vw, 1349px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">For example, let&rsquo;s add a <strong>Search <\/strong>block to the footer. You can change the title&rsquo;s text and include an optional placeholder directly on the editor.<\/p><p class=\"wp-block-paragraph\">To customize the button&rsquo;s design, select the block on the editor and click the <strong>Settings <\/strong>icon on the top-right area of the screen. Depending on the block type, you can customize its color, border, and use the additional CSS field.<\/p><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2022-02-wordpress-de\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-design-tool.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1248\" height=\"502\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-design-tool.png\/public\" alt=\"Opening the design tool for the search block.\" class=\"wp-image-46509\"  sizes=\"auto, (max-width: 1248px) 100vw, 1248px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">To rearrange the blocks on the footer, open the list view by clicking on the list icon on the top-left section of the screen.<\/p><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2022-02-wordpress-li\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-list-view.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1213\" height=\"407\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-list-view.png\/public\" alt=\"Opening the list view on the block editor to rearrange the blocks.\" class=\"wp-image-46510\"  sizes=\"auto, (max-width: 1213px) 100vw, 1213px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">The list of blocks and their structure will appear on the left panel. Simply drag and drop a block item on the list to rearrange it.<\/p><h2 id=\"h-edit-the-footer-via-your-wordpress-theme\" class=\"wp-block-heading h-t-title-2\">How to edit the WordPress footer using the Customizer <\/h2><p class=\"wp-block-paragraph\">The WordPress Customizer is available with classic themes and lets you preview footer changes before publishing. Depending on your theme, footer settings may appear under Theme Options, Footer, Widgets, or another customization panel.<\/p><p class=\"wp-block-paragraph\">To access the Customizer, go to <strong>Appearance <\/strong>&rarr;<strong> Customize<\/strong> in your WordPress dashboard.<\/p><p class=\"wp-block-paragraph\">Here&rsquo;s what to look for to edit the footer in the WordPress Customizer:<\/p><ol class=\"wp-block-list\">\n<li><strong>Theme options<\/strong> &ndash; you might find a <strong>Theme Footer<\/strong> section where you can customize the colors, border, and text of the footer to fit the site&rsquo;s overall design.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-th\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-options-footer-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-options-footer-1.png\/public\" alt=\"Editing the theme footer's appearance on WordPress Customizer\" class=\"wp-image-40624\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Widgets<\/strong> &ndash; where various content widgets can be added to a footer area.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-th-2\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-widgets-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-widgets-1.png\/public\" alt=\"Editing the footer's widgets on WordPress Customizer\" class=\"wp-image-40625\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Menus<\/strong> &ndash; for those who want to add links to the footer. It uses the built-in WordPress menu system.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-th-3\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-footer-menu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"653\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-footer-menu.png\/public\" alt=\"Editing the Footer Menu on WordPress Customizer\" class=\"wp-image-40621\"  sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">Once you&rsquo;re happy with the results, remember to press <strong>Publish <\/strong>or <strong>Save Draft<\/strong>.<\/p><p class=\"wp-block-paragraph\">Keep in mind that not all themes have footer options. You may have to rely on just customizing widgets and menus.<\/p><p class=\"wp-block-paragraph\">For the ones that do have, the settings might also be placed in a section other than <strong>Theme Options<\/strong>, such as <strong>Footer Builder<\/strong>.<\/p><h2 id=\"h-edit-your-wordpress-footer-with-widgets\" class=\"wp-block-heading h-t-title-2\">How to edit the WordPress footer using widgets<\/h2><p class=\"wp-block-paragraph\">If your WordPress website uses a classic theme with a footer widget area, you can edit the footer through the Widgets menu. This lets you add, remove, or rearrange content such as text, navigation links, and images without editing code. If your theme doesn&rsquo;t support footer widgets, use another available editing method.<\/p><p class=\"wp-block-paragraph\">To access the <a data-click-id=\"hgr-post-content-link-wordpress-widget\" href=\"\/au\/tutorials\/wordpress-widgets\/\">WordPress widget<\/a> area, simply hover on <strong>Appearance <\/strong>and select <strong>Widgets <\/strong>from your WordPress dashboard.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-ap\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-widgets.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"582\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-widgets.png\/public\" alt=\"The Widgets tab in the appearance section of the WordPress dashboard\" class=\"wp-image-40612\"  sizes=\"auto, (max-width: 1345px) 100vw, 1345px\" \/><\/a><\/figure><\/div><p class=\"wp-block-paragraph\">The <strong>Widgets<\/strong> page is divided into the <strong>Available Widgets<\/strong> section and the <strong>Footer <\/strong>area.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-wi\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-page.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1180\" height=\"594\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-page.png\/public\" alt=\"The Widgets settings in the WordPress dashboard\" class=\"wp-image-40613\"  sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/a><\/figure><\/div><p class=\"wp-block-paragraph\">Keep in mind that the theme you use may have a different number of footer areas than the one shown above.<\/p><p class=\"wp-block-paragraph\">To edit the footer, simply drag and drop a widget to the footer area of your choice. Then, click on the widget to configure it, and press <strong>Save <\/strong>once you&rsquo;re done.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-wi-2\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-footer.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1181\" height=\"598\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-footer.png\/public\" alt=\"The settings to add widgets to the Footer area on WordPress Widgets page\" class=\"wp-image-40614\"  sizes=\"auto, (max-width: 1181px) 100vw, 1181px\" \/><\/a><\/figure><\/div><p class=\"wp-block-paragraph\">To add links to the footer widget area, follow these steps:<\/p><ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance <\/strong>&rarr;<strong> Menus<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-ap-2\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-menus.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"584\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-menus.png\/public\" alt=\"The Menus tab in the appearance section of the WordPress dashboard\" class=\"wp-image-40615\"  sizes=\"auto, (max-width: 1345px) 100vw, 1345px\" \/><\/a><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Type in a new <strong>Menu Name<\/strong> and click<strong> <\/strong>on the <strong>Save Menu<\/strong> button.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-new-menu-nam\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/new-menu-name.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1182\" height=\"617\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/new-menu-name.png\/public\" alt=\"The settings to create a new menu on WordPress Menus page\" class=\"wp-image-40616\"  sizes=\"auto, (max-width: 1182px) 100vw, 1182px\" \/><\/a><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Tick the boxes next to the pages, posts, or categories you want to add to the menu and click <strong>Add to Menu<\/strong>.<\/li>\n\n\n\n<li>Press the <strong>Save Menu<\/strong> button.<\/li>\n\n\n\n<li>Go back to the <strong>WordPress Widgets<\/strong> page, then drag and drop the <strong>Navigation Menu<\/strong> widget to the footer area.<\/li>\n\n\n\n<li>Select the newly created menu from the dropdown menu, then press <strong>Save<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-se\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-select-new-menu-widgets.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1182\" height=\"596\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-select-new-menu-widgets.png\/public\" alt=\"Selecting a new menu in the Footer area on WordPress Widgets page\" class=\"wp-image-40617\"  sizes=\"auto, (max-width: 1182px) 100vw, 1182px\" \/><\/a><\/figure><\/div><h2 id=\"h-adding-code-to-the-wordpress-footer\" class=\"wp-block-heading h-t-title-2\">How to add custom code to the WordPress footer<\/h2><p class=\"wp-block-paragraph\">At times, you may need to insert additional code to the footer, whether it&rsquo;s CSS or <a data-click-id=\"hgr-post-content-link-php\" href=\"\/au\/tutorials\/what-is-php\/\">PHP<\/a>. Usually, it&rsquo;s to connect your site with an external app or for design purposes. There are several ways to do so.<\/p><p class=\"wp-block-paragraph\">Use the <strong>Additional CSS<\/strong> field in the <strong>WordPress Customizer<\/strong> if you only want to make small changes to the footer. For example, changing the background color or the margin and padding of the content area:<\/p><ol class=\"wp-block-list\">\n<li>Access the <strong>WordPress Customizer<\/strong>, and select <strong>Additional CSS<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-wordpress-cu\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-customizer-additional-css.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-customizer-additional-css.png\/public\" alt=\"Selecting Additional CSS on WordPress Customizer\" class=\"wp-image-40628\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li>Add the following code to change the footer&rsquo;s background and border color:<br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.footer-widgets-outer-wrapper, .footer-top {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-color: #000;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.footer-nav-widgets-wrapper, #site-footer {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #D7BDE2 ;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-add-addition\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/add-additional-css-theme-customizer.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1341\" height=\"654\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/add-additional-css-theme-customizer.png\/public\" alt=\"Inserting code to change the footer's background and border color on WordPress Additional CSS\" class=\"wp-image-40627\"  sizes=\"auto, (max-width: 1341px) 100vw, 1341px\" \/><\/a><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>To edit the footer&rsquo;s margin and padding, add the snippet below:<br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.widget .widget-title {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp; &nbsp; margin-bottom: 1rem;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.footer-widgets a {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp; &nbsp; padding-left: 5rem;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-au-tutorials-wp-content-uploads-sites-2-2021-12-edit-margin\" href=\"\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/edit-margin-padding-additional-css.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1343\" height=\"654\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/12\/edit-margin-padding-additional-css.png\/public\" alt=\"Inserting code to edit the footer's margin and padding on WordPress Additional CSS\" class=\"wp-image-40629\"  sizes=\"auto, (max-width: 1343px) 100vw, 1343px\" \/><\/a><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Click the <strong>Activate<\/strong> and <strong>Publish<\/strong> button.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">The easiest way to add custom scripts to the footer is by using the <strong>Insert Headers and Footers<\/strong> plugin:<\/p><ol class=\"wp-block-list\">\n<li>Install the plugin, and activate it.<\/li>\n\n\n\n<li>Go to <strong>Code Snippets<\/strong> &rarr;<strong> Header and Footer<\/strong> from the dashboard.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-hostinger-com-au-tutorials-wp-content-uploads-sites-2-2023-0-3\" href=\"https:\/\/www.hostinger.com\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-118.png\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"344\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/05\/image-118.png\/public\" alt=\"Selecting the Header and Footer option from the dashboard.\" class=\"wp-image-85563\"  sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/a><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Scroll down to the <strong>Footer<\/strong> section, then copy and paste your custom footer code.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a data-click-id=\"hgr-post-content-link-hostinger-com-au-tutorials-wp-content-uploads-sites-2-2023-0-4\" href=\"https:\/\/www.hostinger.com\/au\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-120.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1072\" height=\"411\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/05\/image-120.png\/public\" alt=\"The footer section on the plugin's panel to insert code snippets to the footer.\" class=\"wp-image-85565\"  sizes=\"auto, (max-width: 1072px) 100vw, 1072px\" \/><\/a><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Click <strong>Save<\/strong> <strong>Changes<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">It&rsquo;s possible to add codes and scripts manually to the footer if you edit the WordPress theme&rsquo;s <strong>PHP files<\/strong>. However, you&rsquo;ll need to have some knowledge of HTML, CSS, <a data-click-id=\"hgr-post-content-link-javascript\" href=\"\/au\/tutorials\/what-is-javascript\/\">JavaScript<\/a>, plus web design and development.<\/p><h2 id=\"h-remove-the-powered-by-wordpress-footer\" class=\"wp-block-heading h-t-title-2\">How to remove the &ldquo;Powered by WordPress&rdquo; footer credit<\/h2><p class=\"wp-block-paragraph\">Some WordPress themes display a &ldquo;Powered by WordPress&rdquo; credit in the footer by default. You can remove or replace this text to make the footer better match your website&rsquo;s branding.<\/p><p class=\"wp-block-paragraph\">The easiest method depends on your theme:<\/p><ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Block themes:<\/strong> Go to <strong>Appearance &rarr; Editor<\/strong>, open the footer template part, and select the block containing the credit. Delete or replace the text, then save your changes.<\/li>\n\n\n\n<li><strong>Classic themes:<\/strong> Go to <strong>Appearance &rarr; Customize<\/strong> and look for footer or copyright settings. If your theme provides this option, update the credit and publish your changes.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">If neither option is available, removing the credit may require editing your theme files. Our tutorial on <a data-click-id=\"hgr-post-content-link-removing-the-default-wordpress-footer-credit\" href=\"\/au\/tutorials\/how-to-remove-powered-by-wordpress-from-footer\/\">removing the default WordPress footer credit<\/a> covers additional methods and precautions for making these changes safely.<\/p><figure class=\"wp-block-image size-large\"><a data-click-id=\"hgr-post-content-link-au-wordpress-hosting\" aria-label=\"Wordpress hosting\" class=\"hgr-tutorials-cta hgr-tutorials-cta-wordpress-hosting\" href=\"\/au\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-111781\"  sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><h2 id=\"h-conclusion\" class=\"wp-block-heading h-t-title-2\">Next steps: Improve your WordPress footer<\/h2><p class=\"wp-block-paragraph\">After editing your WordPress footer, preview your website to make sure the changes appear correctly across different pages and devices. Check that navigation links work, copyright information is accurate, and the footer matches your website&rsquo;s overall design.<\/p><p class=\"wp-block-paragraph\">To make your footer more useful for visitors:<\/p><ul class=\"wp-block-list\">\n<li><strong>Review essential links.<\/strong> Include relevant pages such as Contact, About, Privacy Policy, and Terms and Conditions.<\/li>\n\n\n\n<li><strong>Improve mobile usability.<\/strong> Make sure footer links, text, and columns are easy to navigate on smaller screens.<\/li>\n\n\n\n<li><strong>Maintain consistent styling.<\/strong> Use colors, fonts, and spacing that complement the rest of your website.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Once your footer is updated, consider <a data-click-id=\"hgr-post-content-link-customizing-your-wordpress-header\" href=\"\/au\/tutorials\/how-to-edit-wordpress-header\/\">customizing your WordPress header<\/a> as well. Keeping your header and footer consistent helps visitors navigate your website and find important information more easily.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To edit the footer in WordPress, use the Site Editor if you have a block theme, or the Customizer or Widgets menu if you have a classic theme. These methods let you update footer text, navigation links, social media icons, copyright information, and layout without editing code. You can also remove the &ldquo;Powered by WordPress&rdquo; [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/au\/tutorials\/how-to-edit-footer-in-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":151251,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"How to Edit Footer on WordPress - A Beginner's Guide","rank_math_description":"The footer is where you can insert additional information and menus on a website. Learn how to edit the footer in WordPress in this article.","rank_math_focus_keyword":"how to edit footer in wordpress","footnotes":""},"categories":[22673],"tags":[],"class_list":["post-40623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/editar-rodape-wordpress\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/modifier-footer-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-footer-bearbeiten\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/editar-rodape-wordpress\/","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/posts\/40623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/comments?post=40623"}],"version-history":[{"count":37,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/posts\/40623\/revisions"}],"predecessor-version":[{"id":151250,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/posts\/40623\/revisions\/151250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/media\/151251"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/media?parent=40623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/categories?post=40623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/au\/tutorials\/wp-json\/wp\/v2\/tags?post=40623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}