Back to Community
Home / Community / Theme → Colormag

How to Hide Page Titles in ColorMag: A Troubleshooting Guide for CSS Issues

24 threads Sep 9, 2025 Theme → Colormag

Content

Many ColorMag theme users want a clean, minimalist look for their landing pages, often requiring the page title to be hidden. A common and effective method is using custom CSS. However, as seen in multiple support threads, this solution can sometimes break after a theme update, causing frustration.

This guide will explain why this happens and provide the most reliable methods to hide your page titles using CSS.

Why Your CSS to Hide Titles Might Stop Working

The most likely reason your previously working CSS code has stopped functioning is due to changes in the theme's HTML structure after an update. Theme developers often refine code, which can change the CSS classes or HTML elements used for certain features.

For example, a user reported that the code .page-id-22446 .entry-title{display:none;} worked but later failed. This suggests the class .entry-title might have been updated or replaced in a newer version of the theme.

Reliable Solutions to Hide Page Titles

Based on community discussions, here are the most effective CSS solutions. You should add these codes in your WordPress dashboard under Appearance > Customize > Additional CSS.

1. Target the New Title Class (Recommended)

Evidence from the threads indicates that the theme may now use a different class for post titles. Try using the class .cm-entry-title instead.

.page-id-YOUR-PAGE-ID .cm-entry-title {
    display: none;
}

Important: Remember to replace YOUR-PAGE-ID with your actual page ID. You can find this by editing the page and looking at the URL in your browser's address bar (e.g., post=22446).

2. Use a More Specific CSS Selector

If the above doesn't work, you can use a more specific selector to override other styles. The h2 element is often used for titles.

h2.cm-entry-title {
    display: none !important;
}

Note: Using !important is a powerful way to force a style to apply, but it should be used sparingly. In this case, it can help ensure the rule takes precedence.

3. Verify the Correct Page ID

Double-check that you are using the correct page ID in your CSS selector. An incorrect ID is a common mistake. The selector .page-id-22446 will only work for the page with that specific ID.

What to Do If These Solutions Don't Work

If you have tried all the above steps and your page title is still visible, the issue might be more complex, potentially involving a conflict with another plugin or a page builder like Elementor.

As one user noted, even after setting the title to "not visible" in Elementor, it was still displayed. In such cases, it is recommended to:

  1. Clear your cache: Clear any caching on your site (plugin, server, or browser cache).
  2. Check for plugin conflicts: Temporarily deactivate all plugins except Elementor (if you use it) to see if the title disappears. If it does, reactivate your plugins one by one to find the culprit.

By following this guide, you should be able to effectively hide your page titles and maintain the clean design of your ColorMag-powered website.

Related Support Threads Support