Toolbar Text Color

Is there a way to modify the text color of the new toolbar? White on grey isn't the best.

https://help.forumotion.com/t120381-customize-your-toolbar-through-css-and-javascript
Can change the background color.

Do you want to change the font color for all the text?

We have a grey toolbar on the bottom. I made an image similar to it so I am wanting to change all the text like the forumotion link, share, welcome, and notifications to a different color if I can.

Yes, you can do that with CSS. Just find the element.

Do I have to keep the spaces because the text color didn't change.

Post the code that you used.

Code:

#fa_toolbar {
color: #892110 !important;
}

Basically what was posted above.

That took care of welcome and notifications but not share and the forumotion link. Going with that red, I think it would be nice to make it bold if I can.

Spoiler:

^ full CSS

No change.

Here is the share one:

Code:

#fa_share_text {
    color: YOUR COLOR !important;
}

Forumotion one:

Code:

#fa_icon, #fa_toolbar #fa_service {
    color: Your Color !important;
}

Code:

#fa_share_text {
color: #892110;
}

#fa_icon, #fa_toolbar #fa_service {
color: #892110;
}


No change

Add !important.

Still nothing.

Code:

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i34.tinypic.com/b80g87.png');
text-align: center;
padding: 24px 0;}
#fa_toolbar, #fa_toolbar_hidden {background: url('http://i71.servimg.com/u/f71/13/02/75/38/untitl10.png');}
  /*background: linear-gradient( 0deg, #d1cfd0, #f7f7f7 );
  color: #808080 !important;*/
}
#fa_search {
  display: none !important;
}
#fa_textarea {
  width: 30px !important;
 -webkit-transition-duration: 400ms;
 -webkit-transition-property: width;
 -webkit-transition-timing-function: ease;
 -moz-transition-duration: 400ms;
 -moz-transition-property: width;
 -moz-transition-timing-function: ease;
 -o-transition-duration: 400ms;
 -o-transition-property: width;
 -o-transition-timing-function: ease;
}
#fa_textarea:focus {
 width: 200px !important;
}
#page-header .navbar .inner .navlinks {
 border-bottom: none !important;
}
#page-header .navbar .inner #search-box {
 display: none !important;
}
#fa_toolbar div, #fa_toolbar a {
color: #892110 !important;
}
#fa_share_text {
color: #892110; !important.
}
#fa_icon, #fa_toolbar #fa_service {
color: #892110; !important.
}

There's my CSS. I want to keep the image, I want the other 2 sections red and I want the text bold if there is a way to do it. I'm also getting the following warning.


Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

Code:

#fa_share_text {
color: #892110; !important.
}
#fa_icon, #fa_toolbar #fa_service {
color: #892110; !important.
}

Periods should be ;'s. Remove the first ;'s.

That works for share but not for the forumotion link.

It works when I try it on the support.

Code:

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i34.tinypic.com/b80g87.png');
text-align: center;
padding: 24px 0;}
#fa_toolbar, #fa_toolbar_hidden {background: url('http://i71.servimg.com/u/f71/13/02/75/38/untitl10.png');}
     /*background: linear-gradient( 0deg, #d1cfd0, #f7f7f7 );
     color: #808080 !important;*/
}
#fa_search {
    display: none !important;
}
#fa_textarea {
     width: 30px !important;
   -webkit-transition-duration: 400ms;
   -webkit-transition-property: width;
   -webkit-transition-timing-function: ease;
   -moz-transition-duration: 400ms;
   -moz-transition-property: width;
   -moz-transition-timing-function: ease;
   -o-transition-duration: 400ms;
   -o-transition-property: width;
   -o-transition-timing-function: ease;
}
#fa_textarea:focus {
   width: 200px !important;
}
#page-header .navbar .inner .navlinks {
   border-bottom: none !important;
}

#page-header .navbar .inner #search-box {
   display: none !important;
}
#fa_toolbar div, #fa_toolbar a {
color: #892110 !important;
}
#fa_share_text {
color: #892110 !important;
}
#fa_icon, #fa_toolbar #fa_service {
color: #892110 !important;
}

There you go

That got it. Do you know if I can bold the text?

Thank you very much.