How to Remove or Hide Elements in the Sydney Theme
Content
Many users of the Sydney WordPress theme want to customize their site's appearance by removing or hiding specific elements like headers, footers, sidebars, or icons. This is a common request for creating a cleaner design or tailoring a page for a specific purpose.
Based on community support threads, here are the most effective methods for hiding elements in the Sydney theme.
Method 1: Using the WordPress Customizer (No Code)
For certain header elements, the Sydney theme provides built-in controls within the WordPress Customizer.
- Navigate to Appearance > Customize from your WordPress dashboard.
- Go to the Header section.
- Select Main Header > General.
- Scroll to the Elements section.
- Click the eye icon next to any element (e.g., Search, Account, Cart icons) to toggle its visibility.
This is the preferred method as it uses the theme's built-in settings and requires no coding.
Method 2: Using Custom CSS (For More Control)
For elements not controlled in the Customizer or for hiding items on specific pages only, you can use Custom CSS. This code is added in Appearance > Customize > Additional CSS.
Hide the Footer on a Specific Page:
Replace 834 with your page's unique ID, which can be found in the URL when editing the page.
.page-id-834 .site-footer,
.page-id-834 .footer-widgets {
display: none;
}Hide the Footer Only on the Front Page:
.home .site-footer,
.home .footer-widgets {
display: none;
}Hide the Comment Section on Blog Posts:
.comments-area {
display: none;
}Hide the Entire Header on a Specific Page:
Replace 741 with your page's ID. The second part of the code adjusts the page content to fill the space.
.page-id-741 #masthead {
display: none;
}
.page-id-741 .page-wrap,
.page-id-741 .content-wrapper {
padding-top: 0 !important;
}Method 3: Disabling Comments Globally
To prevent comments from appearing on any new posts, you can disable them in your WordPress settings.
- Go to Settings > Discussion from your dashboard.
- Under Default post settings, uncheck Allow people to submit comments on new posts.
- For existing posts, you will need to edit each post, find the Discussion box, and uncheck Allow Comments.
Troubleshooting and Important Notes
- Page-Specific CSS: The CSS snippets provided for specific pages (using
.page-id-XXX) are highly effective. Always ensure you are using the correct page ID. - WooCommerce Sidebar: If you are using WooCommerce and need to manage the shop sidebar, look for options in Customize > WooCommerce > Product Catalog > General > Layout.
- Theme Updates: Some features and options may be dependent on your theme version. Ensure you are running the latest version of the Sydney theme for access to all available settings.
- Child Theme: For more advanced modifications, especially if editing theme files directly, it is highly recommended to use a child theme. This prevents your changes from being overwritten during a theme update.
By following these methods, you should be able to successfully hide most common elements on your Sydney theme website.
Related Support Threads Support
-
Search, Account, and Carthttps://wordpress.org/support/topic/search-account-and-cart/
-
Remove Left Sidebar in Shophttps://wordpress.org/support/topic/remove-left-sidebar-in-shop/
-
disable search iconhttps://wordpress.org/support/topic/disable-search-icon/
-
Remove Sidebar in Templatehttps://wordpress.org/support/topic/remove-sidebar-in-template/
-
hide the footer only on one pagehttps://wordpress.org/support/topic/hide-the-footer-only-on-one-page/
-
Regarding Sydney can I disable blog options?https://wordpress.org/support/topic/regarding-sydney-can-i-disable-blog-options/
-
Remove Icon Scroll Uphttps://wordpress.org/support/topic/remove-icon-scroll-up/
-
Footer 2020 removalhttps://wordpress.org/support/topic/footer-2020-removal/
-
Top Sydney Menu Removalhttps://wordpress.org/support/topic/top-sydney-menu-removal/
-
How to remove comments/leave a reply box?https://wordpress.org/support/topic/how-to-remove-comments-leave-a-reply-box/
-
Remove footer from front pagehttps://wordpress.org/support/topic/remove-footer-from-front-page/