How to Remove Astra Theme Name from Footer Using CSS

If you’re using the Astra theme for your WordPress website, you may have noticed the default footer that includes the text: “Powered by Astra WordPress Theme.” While Astra is an excellent choice for a clean and responsive design, some website owners prefer to customize the footer by removing the theme credit.

In this article, you’ll learn how to remove the Astra theme name from the footer using a simple CSS method. This method is easy to apply, does not require a child theme, and works seamlessly without any plugins.

Why Use CSS to Remove Astra Theme Name?

• No Plugins Required: Reduces the number of plugins on your site, ensuring faster load times.
• Quick and Effective: Using CSS is a lightweight solution.
• No Code Edits: You won’t have to touch any theme or core files.
• Reversible: You can undo it anytime without breaking anything.

Step 1: Access Your WordPress Dashboard

1. Log in to your WordPress admin panel.
2. Navigate to Appearance → Customize.
3. Click on Additional CSS.

Step 2: Add the CSS to Remove Astra Theme Name

Paste the following CSS code into the Additional CSS section:

/* Remove the Astra Theme link and the separator */
.ast-footer-copyright a[href="https://wpastra.com"] {
  display: none;
}

/* Ensure the copyright text remains centered */
.ast-footer-copyright p {
  text-align: center;
}

/* Remove the separator using visibility trick */
.ast-footer-copyright p::before {
  content: "Copyright © 2025 Ziscom Technologies"; /* Customize your text here */
  display: block;
  text-align: center;
}

/* Hide the original text without removing the layout */
.ast-footer-copyright p {
  visibility: hidden;
  position: relative;
}

/* Display the new custom footer centered */
.ast-footer-copyright p::before {
  visibility: visible;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

Explanation of the Code

1. Remove Astra Link: The first block targets the Astra theme link using its URL and hides it using display: none;.
2. Center the Text: The second block ensures the copyright text remains center-aligned.
3. Custom Text with ::before: Instead of editing the HTML, we use the ::before pseudo-element to insert your desired text.
4. Hide the Original: The visibility: hidden; ensures the original text is not visible but keeps its layout intact.
5. Align with Positioning: Using position: absolute and transform: translateX(-50%) helps center the text perfectly on all screen sizes.

Step 3: Preview and Publish

1. After adding the CSS code, click the Publish button.
2. Visit your website and check the footer. The Astra theme name should no longer be visible, and your custom copyright will be displayed instead.

Troubleshooting Tips

• Ensure caching plugins are cleared if you don’t see the changes immediately.
• Try viewing the site in incognito mode or a different browser to rule out browser caching.
• Double-check that the URL https://wpastra.com is correct in the CSS code.

Final Thoughts

Removing the Astra theme name using CSS is a clean and effective solution for customizing your WordPress footer. It’s especially useful for small business websites, personal blogs, or portfolio sites where branding consistency is key.

By following the steps outlined in this guide, you now have full control over your website’s footer design. Enjoy your polished, personalized site!

Let me know if you’d like further tips on WordPress customization or additional tweaks for your footer!