0

Requesting some custom CSS code

Hello, please let me know the custom CSS code to change the color of the 

 

Header Background
Category Font Color
Topic Font Color

to #67b9c0

 

Thank you in advance for your help!

9 replies

null
    • Debbie_DeMarco_Bennett
    • 5 yrs ago
    • Reported - view

    Also to change icon color to same. Thank you.

    • Forumbee
    • 5 yrs ago
    • Reported - view

    Hi Debbie , thanks for sharing your CSS question! Here is the CSS code for those items. I also include a few others that are helpful such as button color and link color.

    /* Site header background color */
    
    .site-header {
      background-color: #67b9c0;
    }
    
    /* Site header text color */
    
    .site-brand__title>h1 {
      color: #ffffff;
    }
    
    /* Icon background color */
    
    .category__icon.-color1 {
        background-color: #67b9c0;
    }
    
    .topic__icon-40.-color1 {
      background-color: #67b9c0;
    }
    
    .topic__icon.-color1 {
      background-color: #67b9c0;
    }
    
    /* Category names */
    
    .idx-category__name {
      color: #67b9c0;
    }
    
    .category-name {
      color: #67b9c0;
    }
    
    /* Topic titles */
    
    .topic-summary__title {
      color: #67b9c0;
    }
    
    /* Link color */
    
    .thm-lnk {
        color: #55999e;
    }
    
    .thm-lnk:hover {
        color: #67b9c0;
    }
    
    /* Button color */
    
    .btn-primary {
      background-color: #67b9c0;
    }
    
    .btn-primary:hover {
      background-color: #55999e;
    }
      • Debbie_DeMarco_Bennett
      • 5 yrs ago
      • Reported - view

      Forumbee Support Thank you *so* much!!

    • Debbie_DeMarco_Bennett
    • 5 yrs ago
    • Reported - view

    Oh, I don't see the code for the Reply button color?

      • Forumbee
      • 5 yrs ago
      • Reported - view

      Hi Debbie , oops! Sorry about that! I've updated my reply above. Here is the button color code:

      /* Button color */
      
      .btn-primary {
        background-color: #67b9c0;
      }
      
      .btn-primary:hover {
        background-color: #55999e;
      }
      • Debbie_DeMarco_Bennett
      • 5 yrs ago
      • Reported - view

      Forumbee Support You rock! ☺️ Thank you! 

    • Debbie_DeMarco_Bennett
    • 5 yrs ago
    • Reported - view

    Hello, I'm back looking for the CSS code to change the color for the Breadcrumbs text (to white). Your help is appreciated! 

     

      • Forumbee
      • 5 yrs ago
      • Reported - view

      Hi Debbie , here is the CSS for changing the breadcrumb text to white, and replacing the breadcrumb icons with white versions. (Edit: added text hover color.)

      /* Breadcrumb text color */
      
      .site-breadcrumb__link {
          color: #fff;
      }
      
      .site-breadcrumb__link:hover {
          color: rgba(250, 250, 250, 0.8);
      }
      
      /* Breadcrumb icons in white */
      
      .site-breadcrumb__link.-category:before, .site-breadcrumb__link.-activity:before {
        background-image: url('https://d56vh6ph4jjmq.cloudfront.net/themes/bcrumb/bcrumb-small-white.svg');
      }
      
      .site-breadcrumb__link.-back {
        background-image: url('https://d56vh6ph4jjmq.cloudfront.net/themes/bcrumb/bcrumb-arrow-white.svg');
      }
    • Debbie_DeMarco_Bennett
    • 5 yrs ago
    • Reported - view

    You rock!! Thank you! 🙂

Content aside

  • Status Answered
  • 4 yrs agoLast active
  • 9Replies
  • 102Views
  • 2 Following