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!

9replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
  • Also to change icon color to same. Thank you.

    Reply Like
  • 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;
    }
    Reply Like 1
    • Forumbee Support Thank you *so* much!!

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

    Reply Like
    • 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;
      }
      Reply Like
    • Forumbee Support You rock! ☺️ Thank you! 

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

     

    Reply Like
    • 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');
      }
      Reply Like
  • You rock!! Thank you! 🙂

    Reply Like
Like Follow
  • Status Answered
  • 8 mths agoLast active
  • 9Replies
  • 38Views
  • 2 Following