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! 🙂

Login to reply

Content aside

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