BugWP logo BugWP
Back to Community
Home / Community / Theme → Go

How to Customize and Hide Elements in the Go Theme with CSS

32 threads Sep 16, 2025 Theme → Go

Content

Many users of the Go theme find themselves wanting to tweak its appearance, whether it's hiding the search icon, removing post metadata, or customizing the footer. A common thread across the support forums is the use of custom CSS to achieve these visual changes. This guide compiles the most effective solutions from community discussions.

Why CSS is the Go-To Solution

The Go theme offers various customization options through the WordPress Customizer. However, for more granular control over specific elements that aren't covered by these built-in settings, Cascading Style Sheets (CSS) is the most powerful and common method. Adding CSS code to the Appearance > Customize > Additional CSS section allows you to override default theme styles without editing core theme files, making your changes more update-safe.

Common Customization Requests and Their Solutions

1. Hiding the Header Search Icon

Many users want to remove the magnifying glass search icon from their header. Simply setting its display to 'none' can sometimes cause layout issues. A more robust solution is to set its opacity to zero, effectively hiding it while preserving its space in the layout to avoid other elements shifting.

.header-search-wrapper {
    opacity: 0;
}

2. Removing Post Metadata (Author, Date, Comments)

Blog posts often display metadata like the author's name, publication date, and comment count. To clean up the design, you can hide these elements. The following CSS targets the common classes used for this data.

.post-author.meta-wrapper,
.post-comment-link.meta-wrapper,
.post-date {
    display: none;
}

3. Hiding the Entire Site Header

For a minimalist design, you might want to remove the entire header section. This CSS targets the header container and hides it from view.

#site-header {
    display: none;
}

4. Customizing the Footer

Footer customization is a frequent request. This can range from hiding specific titles to removing entire sections.

  • Remove a Footer Menu Title:
    .footer-navigation__title { display: none; }
  • Hide the Entire Footer on the Homepage:
    .home footer { display: none; }
  • Hide the Entire Footer on All Pages:
    footer { display: none; }
  • Remove Social Media Icons: These can often be removed without code by navigating to Appearance > Customize > Footer and deleting the social media links.

5. Hiding Post or Page Titles

To hide the title of a post or page, you can target the entry header which contains it.

.entry-header {
    display: none;
}

Important Considerations and Troubleshooting

  • Specificity is Key: If a CSS rule isn't working, the selector might not be specific enough. Using your browser's inspector tool (right-click on an element and select 'Inspect') will show you the exact classes to target.
  • CSS Caching: After adding CSS, always remember to click 'Publish' in the Customizer. If your changes aren't visible, try hard-refreshing your browser (Ctrl + F5 or Cmd + Shift + R).
  • Theme Updates: The methods described here use standard CSS and are unlikely to break with theme updates, as they don't modify theme files directly.

The solutions provided are based on successful resolutions shared by the Go theme user community. For more complex changes, consulting the official WordPress documentation on CSS is highly recommended.

Related Support Threads Support