Skip to main content
H
Hannah Bailey
Contributor ⭐️⭐️⭐️⭐️⭐️
April 15, 2022
Solved

Change the color of topic banner?

  • April 15, 2022
  • 9 replies
  • 207 views

Having a hard time finding where to change the color for the topic banner.

 

 

    Best answer by DannyPancratz

    @Hannah Bailey you should be able to access this on the front end in customize mode. It’ll be under Theme > Colors. Insided must have moved it there from where it was in Control. 

    As the article states, the topic banner uses the color specified for as your Brand Color, so changing that color will change every area the Brand Color is used in your theme. 

     

    9 replies

    SmartlyGreg
    SmartlyGreg
    Helper ⭐️⭐️⭐️
    April 18, 2022

    The end of this article covers this well: 

     

    H
    Hannah BaileyAuthor
    Contributor ⭐️⭐️⭐️⭐️⭐️
    April 18, 2022

    @SmartlyGreg 
    I went to this article first and wasn't able to follow the same steps. Their instruction says the following; 

     

    The following items are optional to do:

    • Change the Featured topic background color in Control > Customization > Styling >  Colors (default color is your Brand color)

    • Change the Featured topic text color in Control > Customization > Styling >  Colors(default color is white #ffffff)

    I go to Control> Customization>…. But on my screen, there is no “Styling” option to choose. Here is a picture of my screen: 

    Am I missing something?

     

    DannyPancratz
    DannyPancratzAnswer
    VIP ⭐️⭐️⭐️⭐️⭐️
    April 18, 2022

    @Hannah Bailey you should be able to access this on the front end in customize mode. It’ll be under Theme > Colors. Insided must have moved it there from where it was in Control. 

    As the article states, the topic banner uses the color specified for as your Brand Color, so changing that color will change every area the Brand Color is used in your theme. 

     

    FYI: I am no longer active in this community
      DannyPancratz
      DannyPancratz
      VIP ⭐️⭐️⭐️⭐️⭐️
      April 18, 2022

      If you don’t love that last part, please vote for this idea I just added. 

       

      FYI: I am no longer active in this community
      SmartlyGreg
      SmartlyGreg
      Helper ⭐️⭐️⭐️
      April 19, 2022

      @Hannah Bailey my mistake. Assumed that was up to date when I saw they were talking about colour… I should have been more careful!

      DannyPancratz
      DannyPancratz
      VIP ⭐️⭐️⭐️⭐️⭐️
      April 19, 2022

      @Hannah Bailey got this reply from @alfonsmr  on my idea for an interim solution to changing the color from what’s set as your Brand Color

      I use custom CSS for that, this is my css for turning the bar red

      .featuredBanner .banner-notification .box__content.box__pad {
          background-color: #FF0000;
          color: #fff;
          text-align: left;
      }

       

      FYI: I am no longer active in this community
        M
        Marion Frecaut
        Helper ⭐️⭐️⭐️
        April 20, 2022

        Hi @Hannah Bailey thanks for spotting this. I just update the KB article to show the up to date information on how to update the background color of the topic banner. 

          H
          Hannah BaileyAuthor
          Contributor ⭐️⭐️⭐️⭐️⭐️
          May 24, 2022

          @Hannah Bailey got this reply from @alfonsmr  on my idea for an interim solution to changing the color from what’s set as your Brand Color

          I use custom CSS for that, this is my css for turning the bar red

          .featuredBanner .banner-notification .box__content.box__pad {
              background-color: #FF0000;
              color: #fff;
              text-align: left;
          }

           




          This worked perfectly! Thank you @DannyPancratz 

          anirbandutta
          anirbandutta
          Expert ⭐️
          June 9, 2022

          @Hannah Bailey you should be able to access this on the front end in customize mode. It’ll be under Theme > Colors. Insided must have moved it there from where it was in Control. 

          As the article states, the topic banner uses the color specified for as your Brand Color, so changing that color will change every area the Brand Color is used in your theme. 

           

          Brand colour change (from Theme), only changing colour of content labels for me? Anyone got this working or… where to insert that bit of custom CSS?

          It's an opportunity for engagement
            Terms & ConditionsAccessibility statement