Table of contents

Get the industry’s fastest hosting for WordPress◦ 99.999% uptime
◦ Comprehensive security
◦ 24/7 support

WordPress Guide → Build → Edit a Footer

Your website is the digital face of your company. Just like having well-designed breadcrumbs for navigation, it’s your most valuable tool in shaping your organization’s online image. It’s essential to ensure each page is the best it can be, from header to footer.

That’s why knowledge of how to edit a footer in WordPress is so valuable. This knowledge enables you to transform an all-too-often afterthought into an informative, compelling, and conversion-focused section of webpage real estate.

The footer of a webpage resides at the bottom of the page. It’s the last thing users see as they scroll all the way down to a hard stop at the end of the page. Footer information often includes:

  • Copyright information
  • Links to your presence on social media platforms
  • Sitemap links
  • Contact information
  • Calls to action (CTAs)
  • Disclaimers

Footers are repetitive. They are essentially the same on each page of the website. That’s a benefit to you because it offers multiple opportunities to present important information to each website visitor — including revenue-producing CTAs.

So, if you want to make the most of this small but valuable section of your website, read on to learn how to update a footer in WordPress.

What to include in your WordPress footer

We’ll soon get to the details of how to edit the footer in WordPress. First though, you must decide what to include in your footer. The good news is that most WordPress versions offer a wide range of possibilities you can choose from.

Though your choice of WordPress theme dictates the layout and style of your footer, you may also encounter a few content restrictions. As with any aspect of WordPress site building, understanding these limitations is key to creating an effective design. As noted above, several types of content are typically located in footers, including:

  • Copyright information: Be sure to keep that copyright date updated. Nothing screams “neglected website” like a copyright that’s a year or more out of date.
  • Social media links: X (formerly known as Twitter), Meta, LinkedIn, Instagram, YouTube
  • Secondary navigation and/or sitemap links: Often includes navigation links to important website pages such as a privacy policy, disclaimers, an about page, or a blog.
  • Email newsletter CTA: Your footer is a great place for a newsletter CTA (and for many other CTAs, as well).
  • Contact information: Typically, an email address and phone number.
  • Attribution/credits: May include shoutouts to a WordPress hosting provider, WordPress theme designer, and WordPress — but only if you want (more on that later).

When you edit a footer in WordPress, the information you choose to include significantly impacts your website visitor’s experience and the quality of your interaction with them.

It’s important to note that the visitor experience may also be enhanced for non-human visitors. The information that search engine crawlers gather from your webpage footers may help search engines in their efforts to index your site. Pleasing search engines is an important reason for knowing how to change a footer in WordPress.

Best practices for WordPress footers

In WordPress, editing footers is quite simple, especially if you incorporate a few best practices. These best-practice procedures ensure your footer is effective and informative without being muddled and clunky:

  • Keep it simple. Though quite valuable, footers are limited in space. There’s not a lot of room to work with. So, it’s important to be highly selective with the content you choose to include in your footer. This is especially important for your homepage design, where the footer needs to complement your main content strategy.
  • Ensure that the footer content is accessible by conforming to the four best practices for website accessibility:
    • Perceivable: Information and user interfaces must be presented to users in ways that are clearly perceivable.
    • Adaptable: Content can and should be presented in different ways and formats.
    • Distinguishable: Employ techniques (color, audio control, contrast, font, etc.) that make it easier for visitors to see and hear content.
    • Operable: Ensure that all navigation links and user interface components remain functional.
  • Clearly separate footer sections by using whitespace and dividers.
  • Keep links and text readable. Squinting or bumping-up font size just to read a footer is a frustrating experience — and most visitors won’t bother. Keep your website visitors engaged with your footer content by ensuring that links and text content are large enough to read. (Remember, easy-to-read text is quite different for a twenty-something visitor vs. a sixty-something visitor.)
  • Structure your footer so that it is compatible with mobile devices. Evaluate whether the size of your footer is compatible with devices such as smartphones and tables. Footers that are too large pose an inconvenience to visitors using mobile devices, requiring them to scroll to see all the content in the footer.
  • Continuously evaluate your WordPress footer. Consider your footer as a living section of your website. It’s never complete. Keep an evaluating eye on your footer. Stay alert to changes you might make to enhance your visitors’ experience and your relationship with those visitors.

Incorporating these best practices contributes to your site-wide efforts to optimize your WordPress site, both for visitors and for search engines.

Examples of effective WordPress footers

Let’s look at some real-world examples of WordPress footers that effectively implement these best practices:

TechCrunch’s footer

TechCrunch footer

TechCrunch, powered by WordPress VIP, demonstrates an elegant footer design that serves both readers and business goals:

  • Streamlined category navigation that mirrors their main content structure.
  • Clear social media integration without overwhelming the design.
  • Perfect balance of white space and content density.

WordPress.org’s footer

WordPress.org footer

The official WordPress website showcases a masterclass in footer organization:

  • Clean, five-column layout with clear sectioning.
  • Effective use of icons and large CTAs to enhance navigation.
  • Community-focused links prominently displayed.
  • Resource links organized by user intent (learn, get involved, showcase).

These examples show how strategic footer design can enhance both user experience and website functionality. When planning your own footer, consider how these successful implementations might inspire your design choices while keeping your specific audience’s needs in mind.

Creating a footer with the theme customizer

When you create a WordPress website, you might select a theme. Once you decide to edit a footer, WordPress makes the job easy by providing a customizer for most (but not all) themes. The theme customizer provides a simple interface for making tweaks to your site, and for previewing the impacts of those tweaks before committing to them.

One of the quickest ways to get started is by using WordPress’s pre-designed footer pattern blocks. These are professional layouts that come with your WordPress installation and can be accessed through the block editor:

To access these patterns:

  • Navigate to the Site Editor
  • Click the “+” icon to open the block inserter
  • Select “Patterns”
  • Filter by “Footer”

These patterns provide ready-made layouts to customize to match your brand, saving significant design time while ensuring professional results.

If you have the skill, you can edit HTML in WordPress to modify your footer code. However, for most themes, the customizer is the best and easiest place to begin the process of editing your footer.

Once you’ve learned how to edit a footer in WordPress using the theme customizer, making changes to your footer is a snap. It’s an easy process to learn, involving just a few simple steps. The process may vary slightly from theme to theme, but the following directions are applicable to most themes:

  1. First, log in to your WordPress admin dashboard.
  2. Click on “Appearance” and then “Customize” to open the customizer.
  3. With the customizer open, you’ll see a menu on the left-hand side of the screen. The menu provides an array of different options for editing your site. In this instance you’re looking for an editing option pertaining to the footer. That section may be titled differently depending upon the theme, but you’re looking for any option that contains the word “Footer” or some variation of the word. (Note: If your WordPress theme happens to be one that doesn’t provide an option for editing the footer through the customizer, your next step is to open the “Widgets” tab. More on that below.)
  4. As noted above, customizers vary from theme to theme. But most enable you to edit common footer elements such as:
    • Text/HTML
    • Links
    • Background color
    • Fonts
  5. Once you’ve made all your footer edits, simply click “Publish” to save your changes.

Adding custom code to your footer

Directly editing the code by adding HTML scripts offers another option for customizing your footer. This option provides the ability to make many of the same changes as through the other editing options discussed above, but with a greater degree of control over content, layout, and appearance.

The ability to add HTML scripts to your footer is also a great way to incorporate custom code — such as tracking codes that provide data for analytics.

The easiest option for adding an HTML script is by installing a plugin like Custom CSS/JS. This process requires just a few simple steps:

  1. Navigate to the settings page to find the plugin you want (Most likely the “WPCode” plugin is your best option).
  2. Activate and install the plugin.
  3. From the admin menu, select “Code Snippets” and then “Header & Footer.”
  4. Paste any HTML, CSS, or JS code into the provided boxes. Make certain the code is properly formatted.
  5. Click Save and Publish.

Knowing how to edit a footer in WordPress by using HTML scripts is a valuable skill. With this skillset, you’re better able to optimize the functionality and control the appearance of your footer.

How to remove ‘Powered by WordPress’ from the footer

Yes, your site is powered by WordPress. But you don’t have to tell the world about that on every single page of your website. Instead, you might prefer to promote your own brand on every page.

Though the “Powered by WordPress” logo is included by default on every webpage, it’s easily removed. First, check to see if your theme offers an option to remove the logo. If not, proceed with the following steps:

  1. Install a plugin like “Remove Footer Credit.”
  2. Activate the plugin. The text should disappear from the footer.

If none of the above options work, you can also edit the footer.php in your WordPress theme to manually remove the logo.

What if the footer is too wide for mobile?

If your WordPress site’s footer is too wide on mobile devices, it’s usually caused by CSS issues, oversized content, or improper container settings. Here’s how to troubleshoot and fix it:

1. Inspect the issue using browser developer tools

Before editing anything, inspect the footer on a mobile viewport:

  • Right-click the footer and choose Inspect or press F12.
  • Switch to mobile view by clicking the mobile icon (top-left in DevTools).
  • Look for any elements causing horizontal overflow (e.g., fixed widths, long URLs, or wide images).

If none of the above options work, you can also edit the footer.php in your WordPress theme to manually remove the logo.

2. Fix common CSS issues

Add custom CSS (via Customizer > Additional CSS or your child theme) to resolve layout problems:

/* Prevent overflow */
footer {
  max-width: 100%;
  overflow-x: hidden;
}

/* Make sure inner containers don’t break layout */
footer * {
  box-sizing: border-box;
}

/* Force child elements to wrap on small screens */
.footer-widgets,
.footer-container {
  flex-wrap: wrap;
  width: 100%;
}

If the footer uses Flexbox or Grid and the children have fixed widths (width: 400px, for example), override them like this:

footer .widget {
  width: 100%;
  max-width: 100%;
}

3. Look for rogue content

Content that causes overflow includes:

  • Images or iframes without max-width: 100%
  • Long unbroken strings (like URLs or email addresses)
  • Social media widgets or third-party embeds

Fix these by:

footer img,
footer iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

footer a {
  word-break: break-word;
}

4. Check your theme’s footer layout

  1. Go to Appearance > Customize > Footer
  2. Ensure the number of footer columns is appropriate for mobile
  3. If the theme supports responsive settings, reduce padding or margins for smaller screens

5. Use media queries for extra control

For more specific mobile fixes:

@media (max-width: 768px) {
  footer {
    padding: 20px;
  }

  footer .column {
    width: 100%;
  }
}

Additional resources

Similar Posts