Let's Chat

How to Hide the NitroPack Footer Badge in WordPress

Table of Contents

Introduction

NitroPack is a popular WordPress optimization plugin that boosts website speed. However, it automatically adds a footer badge linking to NitroPack.io, which many site owners in Melbourne, Australia prefer to remove for a cleaner, more professional look.

How to Hide the NitroPack Footer Badge in WordPress

Since NitroPack doesn’t provide an official way to disable it, this guide will show you a simple jQuery-based solution to hide the badge without affecting performance.

Why Hide the NitroPack Footer Badge?

  • Branding & Aesthetics: It disrupts your website’s clean and professional design.
  • SEO Considerations: The badge contains an external link to NitroPack.io, which may impact your website’s authority.
  • No Built-in Option: NitroPack does not allow disabling the badge in its settings.

How NitroPack Injects the Badge

NitroPack inserts the footer badge dynamically using JavaScript, placing it within a <template> tag with randomly generated class names.

<span onclick="window.location.href = 'https://nitropack.io/'" class="dTATMQN5uM5k22jZADOkTN1NjTQAYWOlink theme--light">Automated page speed optimizations</span>

Since class names change dynamically, CSS-only solutions won’t work. Instead, we use a jQuery-based approach to hide the badge.

How to Hide the NitroPack Badge Using jQuery

Here’s a quick and effective jQuery script to hide the NitroPack footer badge.

Code to Hide the Badge:

<script>
jQuery(document).ready(function(){
    setTimeout(function(){
        var tag_new = jQuery("template").last().attr("id");
        console.log(tag_new);
        jQuery("#" + tag_new).css("display", "none");
        jQuery("#" + tag_new).next().next().css("display", "none");
    }, 100);
});
</script>

How This Works:

  • Waits 100ms to allow NitroPack to inject the badge.
  • Finds the last <template> tag added to the page.
  • Hides the template by applying display: none.
  • Hides the next two elements to remove the badge completely.
  • Logs the template ID for debugging in the console.

With this script, the NitroPack badge will disappear from your website’s front-end, giving it a cleaner look.

Does This Affect SEO?

Hiding the badge with jQuery only removes it from the visible front-end—it does not delete the badge from the page source. Here’s what this means for SEO:

  • 🔍 Search engines can still detect the NitroPack badge.
  • 🔗 The backlink to NitroPack.io remains in the HTML source code.
  • 💡 For complete removal, consider backend modifications.

If SEO is a top priority, consulting a WordPress expert for a custom backend solution may be beneficial.

About Madil.com.au & Muhammad Adil

Madil.com.au is a leading WordPress development and optimization agency in Melbourne, Australia. Founded by Muhammad Adil, an experienced WordPress developer and SEO expert, we specialize in:

  • ✅ Custom WordPress Development
  • ✅ WooCommerce & Ecommerce Solutions
  • ✅ Website Speed Optimization
  • ✅ SEO & Performance Enhancements

Serving businesses across Melbourne and Australia, we help ensure your website loads fast and delivers the best user experience.

Need help optimizing your WordPress site? Book a consultation with Adil here!

Final Thoughts

By using this jQuery fix, you can successfully hide the NitroPack badge and maintain a clean, professional design. However, if complete removal (including from the page source) is required, a backend solution is necessary.

For expert WordPress optimization, website speed enhancements, and custom development services, contact Madil.com.au today! 🚀

Shopping Basket