Change text and link color in Forumotion Toolbar
+2
Sanket
Sandara
6 posters
Page 1 of 1
Change text and link color in Forumotion Toolbar
Hello! Don't shoot me for asking this. I already tried CSS to change the color of the text and link inside the "Welcome (USERNAME)" in the toolbar, but I failed. Can someone please help me do that? If it's useful, forum version is Phpbb3. Thank you!
Last edited by Sandara on May 23rd 2013, 8:52 pm; edited 1 time in total
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Add this to your css. It changes color of welcome as well as username.
- Code:
#fa_welcome {
color: #ff0000 !important;
}
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Change text and link color in Forumotion Toolbar
You can modify the text color and the background with CSS and JavaScript and under ACP -> Modules -> Toolbar -> Configuration, though you will have to pay to modify the copyrights of the toolbar, which is what you're trying to do, I think.
Re: Change text and link color in Forumotion Toolbar
@Sanket: the code didn't work. Here's my CSS:
Please tell me if there's something wrong in what I did. Thanks a lot!
@Ultron's: Thanks to your reply. Yes, I used that to change the color of the toolbar itself, but what I need is the text inside the "Welcome". I've seen a handful of site that has edited the colors of the toolbar and text inside it. Correct me if I'm wrong but the only thing that was not allowed is to remove the copyright.
- Code:
#fa_search, #fa_share {
display: none !important;
}
#fa_welcome {
color: #FEF9CF !important;
}
#fa_toolbar, #fa_toolbar_hidden {
background-color: #000000 !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #000000;
}
#fa_menulist, #fa_usermenu {
background-color: #000000 !important;
}
Please tell me if there's something wrong in what I did. Thanks a lot!
@Ultron's: Thanks to your reply. Yes, I used that to change the color of the toolbar itself, but what I need is the text inside the "Welcome". I've seen a handful of site that has edited the colors of the toolbar and text inside it. Correct me if I'm wrong but the only thing that was not allowed is to remove the copyright.
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Whats your forum URL?
You added this code already.
You added this code already.
- Code:
#fa_welcome {
color: #FEF9CF !important;
}
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Change text and link color in Forumotion Toolbar
http://isolationrpg.topicboards.com/
Thanks a lot!
edit: the code just changed the "Welcome" message, not the contents when clicked.
Thanks a lot!
edit: the code just changed the "Welcome" message, not the contents when clicked.
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Try using this additionally to the code Sanket provided:
- Code:
#fa_welcome * {
color: #fef9cf !important;
}
Re: Change text and link color in Forumotion Toolbar
Thanks Ultron. Still doesn't work.
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Hi,
Remove the codes given above and try this:
Remove the codes given above and try this:
- Code:
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #FFFFFF !important;
}
Re: Change text and link color in Forumotion Toolbar
T___T Sorry, Sir Chivas, the code still doesn't work.
Here's my CSS, hope this helps:
Edit: I also tried #fa_menulist { color: #FFFFFF !important} and #fa_menulist:link {color: #FFFFFF !important}, hoping that i get it, but i fail. I just said it thinking it might help...
Here's my CSS, hope this helps:
- Code:
#fa_search, #fa_share {
display: none !important;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #FFFFFF !important;
}
#fa_toolbar, #fa_toolbar_hidden {
background-color: #000000 !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #000000;
}
#fa_menulist, #fa_usermenu {
background-color: #000000 !important;
}
Edit: I also tried #fa_menulist { color: #FFFFFF !important} and #fa_menulist:link {color: #FFFFFF !important}, hoping that i get it, but i fail. I just said it thinking it might help...
Last edited by Sandara on May 23rd 2013, 4:49 pm; edited 1 time in total
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Can you provide a screenshot of how you have the setting through the ACP? ACP >> Modules >> Toolbar >> Configuration
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Oh, it turns white when clicking?
Try this:
Try this:
- Code:
#fa_right.welcome #fa_menu #fa_welcome {
color: #fff;
background-color: #000;
}
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Try using this in your CSS:
- Code:
ul#fa_menulist li {
color: #fef9cf !important;
}
Re: Change text and link color in Forumotion Toolbar
^ the color still doesn't change.
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Hm, try it with this code...
I excluded the !important and added a more explicit selector.
- Code:
ul#fa_menulist li a {
color: #FEF9CF;
}
I excluded the !important and added a more explicit selector.
Re: Change text and link color in Forumotion Toolbar
:eek: nope, still not working. Please check my CSS to see if i did anything wrong:
- Code:
#fa_search, #fa_share {
display: none !important;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #fff;
background-color: #000;
}
ul#fa_menulist li a {
color: #FEF9CF;
}
#fa_toolbar, #fa_toolbar_hidden {
background-color: #000000 !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #000000;
}
#fa_menulist, #fa_usermenu {
background-color: #000000 !important;
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Add this on your CSS:
- Code:
#fa_menu, #fa_welcome {
background-color: black !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}
Re: Change text and link color in Forumotion Toolbar
Edit: nvm. i figured. the code worked for the fa_rank and the PM and post, thank you very much. But the links on the other side didn't change its color. I do want to change their colors.
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Yeah try removing the other codes then check.
Add this again on your CSS:
Change the red to your desire color .
Add this again on your CSS:
- Code:
#fa_menulist a:link, #fa_menulist a:visited {
color: red !important;
}
Change the red to your desire color .
Re: Change text and link color in Forumotion Toolbar
Aaaaaaaaaaand, finally! You're the man, E-Mark. Thanks a lot!
(And thank you too, Sanket, Ultron and Sir Chivas)
(And thank you too, Sanket, Ultron and Sir Chivas)
Sandara- Forumember
- Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow
Re: Change text and link color in Forumotion Toolbar
Topic Solved & Locked |
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» How can I make the navbar link-text change color when hovering?
» Toolbar Text Color
» Chat box text color change/shadow change
» how to customized links in toolbar, and translation, change the "in a watched topic" link and preview of pm's in notifications??
» link to change to forumotion mobile
» Toolbar Text Color
» Chat box text color change/shadow change
» how to customized links in toolbar, and translation, change the "in a watched topic" link and preview of pm's in notifications??
» link to change to forumotion mobile
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum