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.

Change text and link color in Forumotion Toolbar

View previous topic View next topic Go down

Solved Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 11:27 am

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

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sanket on May 23rd 2013, 11:33 am

Add this to your css. It changes color of welcome as well as username.
Code:
#fa_welcome {
    color: #ff0000 !important;
}

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision on May 23rd 2013, 11:35 am

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.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 11:52 am

@Sanket: the code didn't work. Here's my CSS:

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

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sanket on May 23rd 2013, 1:34 pm

Whats your forum URL?

You added this code already.
Code:
#fa_welcome {
    color: #FEF9CF !important;
}

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 2:17 pm

http://isolationrpg.topicboards.com/

Thanks a lot!

edit: the code just changed the "Welcome" message, not the contents when clicked.

Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision on May 23rd 2013, 2:29 pm

Try using this additionally to the code Sanket provided:

Code:
#fa_welcome * {
color: #fef9cf !important;
}

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 2:55 pm

Thanks Ultron. Still doesn't work.

Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sir Chivas™ on May 23rd 2013, 4:00 pm

Hi,

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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 4:33 pm

T___T Sorry, Sir Chivas, the code still doesn't work.

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

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sir Chivas™ on May 23rd 2013, 4:38 pm

Can you provide a screenshot of how you have the setting through the ACP? ACP >> Modules >> Toolbar >> Configuration



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 4:53 pm




Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sir Chivas™ on May 23rd 2013, 4:59 pm

Oh, it turns white when clicking?

Try this:
Code:
#fa_right.welcome #fa_menu #fa_welcome {
color: #fff;
background-color: #000;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 5:09 pm

it doesn't turn white anymore, but the text inside is the drop-down doesn't change its color.


Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision on May 23rd 2013, 5:16 pm

Try using this in your CSS:

Code:
ul#fa_menulist li {
color: #fef9cf !important;
}

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 5:21 pm

^ the color still doesn't change.

Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision on May 23rd 2013, 5:28 pm

Hm, try it with this code...

Code:
ul#fa_menulist li a {
color: #FEF9CF;
}

I excluded the !important and added a more explicit selector.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 5:36 pm

: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

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by E-Mark on May 23rd 2013, 8:25 pm

Add this on your CSS:
Code:
#fa_menu, #fa_welcome {
background-color: black !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 8:30 pm

^ do i need to remove anything from my current CSS, posted in my previous post?

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

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by E-Mark on May 23rd 2013, 8:45 pm

Yeah try removing the other codes then check.

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 Smile.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara on May 23rd 2013, 8:47 pm

Aaaaaaaaaaand, finally! You're the man, E-Mark. Thanks a lot!

(And thank you too, Sanket, Ultron and Sir Chivas)

Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by SLGray on May 23rd 2013, 9:46 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35634
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

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