Node Type displayed at top of every page.

Created on 17 April 2025, 19 days ago

I would like to know how to remove the node type that is displayed on every page.
On a basic page, "basic page" is displayed. I have tried to work around this by creating a custom theme, but it ends up breaking the main theme layouts.

I have searched on search engines and AI chats, but no answer.

Any ideas would be greatly appreciated.

💬 Support request
Status

Active

Version

12.4

Component

Visual Design (graphics)

Created by

🇬🇧United Kingdom cheekysaffer@gmail.com

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @cheekysaffer@gmail.com
  • 🇬🇧United Kingdom cheekysaffer@gmail.com

    This issue has now been fixed.

    For anyone else with this issue using the SocialBlue theme:
    You can hide the .teaser__tag with custom CSS.
    --------------------

    1. Create a new CSS file
    Create a file called:
    themes/contrib/socialblue/css/custom.css
    Inside custom.css, add:

    /* Hide the teaser__tag that displays the node type */
    .hero__banner .teaser__tag {
    display: none;
    }

    2. Define a New Library in socialblue.libraries.yml
    At the bottom of socialblue.libraries.yml, add:

    custom-hide-teaser:
    css:
    theme:
    css/custom.css: {}

    This tells Drupal that there is now a new CSS library available.

    3. Attach the Library in socialblue.info.yml
    In socialblue.info.yml, add the new library to the libraries: section:

    libraries:
    - socialblue/custom-hide-teaser

    4. Clear Drupal Cache
    After any .yml changes, clear caches:

    Admin UI → Configuration → Development → Performance → Clear all caches
    Also hard refresh the browser (Ctrl+F5) to clear any browser CSS cache.

    Hope this helps somone one day.

Production build 0.71.5 2024