Skip to main content
cclements
cclements
Contributor ⭐️⭐️⭐️⭐️
Jul 23, 2024 3:35 PM UTC
Solved

Hide topic age in Topic Banner

Hi Community experts! I feel like this was asked a year or more ago, and perhaps even a workaround identified, but today is it possible to hide the topic age from being displayed in the Topic Banner widget? In my screen cap, you can see the yellow banner with our Welcome post - 1 year ago (although it’s been updated, etc.) This might be disregarded by the new member because they think it’s outdated with the age, so I’d rather just have the title alone.

cc: @Julian @kfolsom 

    TomW
    TomWAnswer
    Helper ⭐️⭐️
    Aug 15, 2024 10:23 AM UTC

    This was very helpful, thanks @rhall! I did see the date also went AWOL for me in the ‘featured_side’ widget. This helped me to only hide it on the top bar:

    .qa-topic_banner-container .thread-meta-item__date {
        display: none;
    }

     

    View in thread

    5 replies

    DannyPancratz
    DannyPancratz
    VIP ⭐️⭐️⭐️⭐️⭐️
    Jul 23, 2024 3:45 PM UTC

    I’d imagine there’s a way to do this via CSS, but I couldn’t find a way to pinpoint it when I looked with the Inspect browser tool. (This isn’t my forte) 

    My two cents: This is CSS you’d want to add/remove as necessary. It makes sense for your use case above. But if you want to promote an event, for example, the date shown in the banner is the date of the event (as opposed to date of the article) 

    Translate
    FYI: I am no longer active in this community
      rhall
      Expert ⭐️
      Jul 24, 2024 10:00 AM UTC

      @cclements I believe the CSS you will need is this…..
       

      .body-wrapper .thread-meta-item__date {
          display: none;
      }

       

      Translate
        TomW
        TomWAnswer
        Helper ⭐️⭐️
        Aug 15, 2024 10:23 AM UTC

        This was very helpful, thanks @rhall! I did see the date also went AWOL for me in the ‘featured_side’ widget. This helped me to only hide it on the top bar:

        .qa-topic_banner-container .thread-meta-item__date {
            display: none;
        }

         

        Translate
          rhall
          Expert ⭐️
          Aug 16, 2024 12:56 PM UTC

          @TomW I thought I had responded, but clearly not. Nice work! I should have tested mine a little better. But I’ll be honest, I just went to Chrome Developer Tools, had a look for the element and carried out a quick test in our sandbox. I think you deserve the “best answer” here.

          Translate
            TomW
            TomW
            Helper ⭐️⭐️
            Aug 16, 2024 2:34 PM UTC

            Only thanks to you @rhall, shared victory!

            Translate
              Terms & ConditionsAccessibility statement