The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Toolbar Text Color

View previous topic View next topic Go down

Solved Toolbar Text Color

Post by Rogo on February 14th 2013, 4:36 am

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

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Sanket on February 14th 2013, 4:48 am

http://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?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 5:44 am

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.

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by !_NICK_! on February 14th 2013, 8:35 am

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

!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 8:28 pm

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

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by SLGray on February 14th 2013, 8:31 pm

Post the code that you used.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 8:37 pm

Code:
#fa_toolbar {
color: #892110 !important;
}

Basically what was posted above.

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 8:50 pm

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:
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, #fa_toolbar a {
color: #892110 !important;
}
^ full CSS

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 8:56 pm

No change.

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by SLGray on February 14th 2013, 9:18 pm

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;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 9:33 pm

Code:
#fa_share_text {
color: #892110;
}

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

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by SLGray on February 14th 2013, 9:35 pm

Add !important.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 9:40 pm

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.

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by SLGray on February 14th 2013, 9:42 pm

Code:
#fa_share_text {
color: #892110; !important.
}
#fa_icon, #fa_toolbar #fa_service {
color: #892110; !important.
}
Periods should be ;'s. Remove the first ;'s.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 9:52 pm

That works for share but not for the forumotion link.

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by SLGray on February 14th 2013, 9:57 pm

It works when I try it on the support.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 10:37 pm

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

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 10:43 pm


Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 10:49 pm

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

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Toolbar Text Color

Post by Rogo on February 14th 2013, 10:53 pm

Thank you very much.

Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum